Как на всей странице запретить переходы по ссылкам, нажатия на кнопки и т.д. одним простым действием?

Question

[Vadik7777]

При этом все ховеры кнопок и ссылок должны работать, на странице работать скролл, анимация и т.д.

Comments

[Refguser]

Зачем тогда вообще использовать ссылки?

А любые костыли обходятся также "одним простым действием" (а ещё ПС накажут за такие дела)

[Vadik7777]

Refguser, есть страница, которая отображается в iframe, и надо чтобы страница была рабочей, кроме всех переходов(с кнопок, с ссылок и т.д.) на другие страницы.

[Refguser]

Про ифрейм надо писать сразу в вопросе!

Но фиг что ты с ним сделаешь насколько я знаю.

Answer 1

[Олег]

document.addEventListener('click', function(event) {
  event.preventDefault();
});

Comments

[Vadik7777]

Не работает, необходимо глобальное какое-то правило, которое перекрывало все остальные, потому что click'и есть в коде .

[Сергей delphinpro]

Vadik7777, какой вопрос, такой и ответ. Если у вас не работает, значит нужно больше деталей вашего случая.

[Aetae]

Vadik7777,

document.addEventListener('click', function(event) {
  event.preventDefault();
  event.stopImmediatePropagation();
}, true);

=)

[Сергей delphinpro]

Aetae, ну тогда еще capture: true, чтобы перехватить на этапе погружения

ну и return false на всякий случай =)

[Aetae]

Сергей delphinpro,

ну тогда еще capture: true

приглядись.:)

[Сергей delphinpro]

Aetae, упс, не заметил...

тогда еще переписать весь DOM, чтобы сбросить имеющиеся обработчики

document.body.innerHTML += ' ';

[Vadik7777]

Aetae,

document.addEventListener('click', function(event) {
event.preventDefault();
event.stopImmediatePropagation();
}, true);

ваш метод отключает вообще все, теперь кнопки на слайдере не переключают изображения

[Aetae]

Vadik7777, либо шашечки либо ехать. Мы никак не можем отличить click который двинет твой слайдер от click который перейдёт на другую страницу через locatin.href = ....
Так что если тебе нужна выборочность - тебе придётся таки всё это делать руками, рассматривая каждый случай.

Как-то так:

var whitelistSelectors = [
  '.my-slider .next-button',
  '.my-slider .prev-button',
]
document.addEventListener('click', function(event) {
  if (event.target.closest(whitelistSelectors.join(','))) return;

  event.preventDefault();
  event.stopImmediatePropagation();
}, true);

Или:

var blacklistSelectors = [
  'a[href]',
  'button:not(.my-slider .prev-button)',
  'button:not(.my-slider .next-button)',
]
document.addEventListener('click', function(event) {
  if (event.target.closest(blacklistSelectors.join(','))) {
    event.preventDefault();
    event.stopImmediatePropagation();
  }
}, true);

Answer 2

[maksam07]

$( "a, button" ).on( "click", function( event ) {
  event.preventDefault();
});

Comments

[Vadik7777]

Не работает, необходимо глобальное какое-то правило, которое перекрывало все остальные, потому что on click'и есть в коде .

[maksam07]

Vadik7777, https://jsfiddle.net/xp3a7sbe/

Answer 3

[Артём Дайнов]

document.addEventListener("click",function(e){
if (e.target.targetName=='') { /* Тут разрешаем какие-то клики, главное в кавычках вставить имя элемента. */ }
else { e.preventDefault; }
},false);

Такой кусок кода может заблокировать любой клик, ну или если быть точней, то отменить действие по умолчанию.
Если такой вариант не работает, то попробуйте window.addEventListener