Я бы рекомендовал избегать встроенного JavaScript:
var aElems = document.getElementsByTagName('a');
for (var i = 0, len = aElems.length; i < len; i++) {
aElems[i].onclick = function() {
var check = confirm("Are you sure you want to leave?");
if (check == true) {
return true;
}
else {
return false;
}
};
}
JS Fiddle demo .
Выше обновлено, чтобы уменьшить пространство, сохраняя ясность / функцию:
var aElems = document.getElementsByTagName('a');
for (var i = 0, len = aElems.length; i < len; i++) {
aElems[i].onclick = function() {
return confirm("Are you sure you want to leave?");
};
}
JS Fiddle demo .
Несколько запоздалое обновление, чтобы использовать addEventListener()(как предложено bažmegakapa , в комментариях ниже):
function reallySure (event) {
var message = 'Are you sure about that?';
action = confirm(message) ? true : event.preventDefault();
}
var aElems = document.getElementsByTagName('a');
for (var i = 0, len = aElems.length; i < len; i++) {
aElems[i].addEventListener('click', reallySure);
}
JS Fiddle demo .
Вышеприведенное связывает функцию с событием каждой отдельной ссылки; что потенциально весьма расточительно, когда вы можете связать обработку событий (используя делегирование) с элементом-предком, таким как следующее:
function reallySure (event) {
var message = 'Are you sure about that?';
action = confirm(message) ? true : event.preventDefault();
}
function actionToFunction (event) {
switch (event.target.tagName.toLowerCase()) {
case 'a' :
reallySure(event);
break;
default:
break;
}
}
document.body.addEventListener('click', actionToFunction);
JS Fiddle demo .
Поскольку обработка событий привязана к bodyэлементу, который обычно содержит множество других, интерактивных элементов, я использовал временную функцию ( actionToFunction), чтобы определить, что делать с этим щелчком. Если элемент, по которому щелкнули, является ссылкой и, следовательно, имеет значение « tagNameо» a, обработка щелчка передается reallySure()функции.
Ссылки: