Переопределить поведение по умолчанию для объектов ссылки ('a') в Javascript

Если вы не хотите перебирать все элементы привязки, вы можете просто использовать делегирование события, например:

document.onclick = function (e) {
  e = e ||  window.event;
  var element = e.target || e.srcElement;

  if (element.tagName == 'A') {
    someFunction(element.href);
    return false; // prevent default action and stop event propagation
  }
};

Проверьте приведенный выше пример здесь.

Использование jQuery:

$(function() {
    $("a").click(function() {
        return someMethodName($(this).attr('href'));
    });
});

function someMethodName(href)
{
    console.log(href);
    return false;
}

window.onload = function() {
    var anchorElements = document.getElementsByTagName('a');
    for (var i in anchorElements)
        anchorElements[i].onclick = function() {
            alert(this.href);
            return false;
        }
}

Это примерно самый простой способ сделать это. Оберните <script type="text/javascript">...</script> в заголовок документа, и он будет работать при загрузке страницы.

Невозможно переопределить все элементы привязки по событию onlick. Вы можете добавить щелчок в тело документа и иметь логику, чтобы увидеть, распространяется ли даже от элемента привязки, и выполнить событие в этом случае, но это решение может вызвать проблемы, если ваша страница сложна и не распространяется клики в некоторых случаях.

Я бы придерживался решения getElementsByTagName, если это возможно.

Аналогично ответу Бенджи XVI, но с использованием querySelectorAll, например, внутри контейнера div с классом «контейнер» и с использованием es6.

const $elems = document.querySelectorAll('.container a')
var elems = Array.from($elems)
elems.map(a => {
  a.onclick = (e) => {
    e.preventDefault()
    window.alert('Clicking external links is disabled')
  }
})

Решение CMS является лучшим решением. Обязательно обратите внимание, что вы можете повысить производительность, если вы ссылаетесь на функцию или проверку, которую необходимо запустить, из строки, хранящейся в наборе свойств прототипа для базовой привязки/элемента или декларативно для привязки/элемента. Используя это свойство, функция, которую вы хотите вызвать, может быть найдена и вызвана из одной ветки решения, в отличие от написания новой ветки решения для каждой возможности. Если вы нарушаете или используете оператор case с более чем одним или двумя случаями, вы должны начать обдумывать это, сегодня может быть хороший день, чтобы определить инверсию управления и стиль кодирования внедрения.

Опять же, не используйте case, если вам нужно обработать несколько событий. Вместо этого используйте строковую композицию для создания пути к функции, которую необходимо вызвать. Это требует добавления прототипа к вашим элементам "A", которые определяют значение по умолчанию и составляющую строку. Атрибут данных элемента должен иметь возможность переопределять значение по умолчанию. По сути, мы просто хотим, чтобы сообщение и действие проходили по умолчанию и изменялись декларативно в разметке. Указанное действие должно быть где-то опубликовано как API или другая доступная библиотечная функция и должно быть доступно для вызова с помощью lib['funName']. Просто дайте ему атрибут, не беспокойтесь об имени или идентификаторе. Прототип и атрибут будут полезны для устранения дребезга, потому что вам придется устранять дребезг.

Есть несколько парней, работающих над клиентскими маршрутизаторами, которые пытаются усовершенствовать это.