Щелчок по документу не работает с некоторыми элементами

avatar
John
8 апреля 2018 в 07:05
87
1
1

Это код jQuery:

$(document).on('click', function (e) {
    alert();
});

Проблема в том, что когда я нажимаю на некоторые элементы, такие как bootstrap dropdown menu или chosen.js или bootstrap_sellect.js, предупреждение не отображается.

Насколько я понимаю, эти скрипты предотвращают это, но как это обойти и получать предупреждение, когда я нажимаю что-либо на своей странице?

Источник
Roland Starke
8 апреля 2018 в 07:09
0

Вы можете использовать фазу захвата события.

John
8 апреля 2018 в 07:10
0

@RolandStarke, можешь привести пример?

Roland Starke
8 апреля 2018 в 07:12
1

Я бы порекомендовал погуглить.

Jeto
8 апреля 2018 в 07:51
1

@Джон, см. coderhelper.com/a/4616720/965834. В основном вам нужно использовать реализацию vanilla DOM и использовать третий аргумент addEventListener. Но вы должны прочитать весь пост.

Ответы (1)

avatar
Coli
8 апреля 2018 в 07:53
1

Вы можете вручную отменить привязку всех событий начальной загрузки из раскрывающихся меню с помощью событий с именами в jquery:

$(document).on('click', function (e) {
    alert();
});
$('.dropdown-toggle').off('.bs');