Возможно ли отменить действие стороннего скрипта при клике?

Question

[Senseich]

Всем привет! У меня на сайте посредством стороннего скрипта подгружаются элементы, но на эти элементы в стороннем скрипте повешены функции при клике. Я пытался искал информацию в интернете, как отменить событие, но ничего не помогло, возможно в меру моих знаний.

Есть такой элемент .wff_action_map_button_conatiner

Я делаю следующее:

$(.wff_action_map_button_conatiner).on('click', function(e) {

    e.preventDefault();		
    window.location.href = clickId + '.html'; 			
});

Моя функция срабатывает, но так же срабатывает и сторонняя и происходит не нужный мне переход на сторонний сайт.

Я кажется нашел в чужом скрипте этот кусок кода, но менять там соответственно я ничего не могу.

Comments

[Алексей]

А если убрать полностью клик у элемента?
Кажется так в jquery:

$(".wff_action_map_button_conatiner").prop("onclick", null);

[Senseich]

Алексей, все равно срабатывает

Answer 1

[WbICHA]

Если по какой-то причине пересоздать дом будет крайне проблемно (нужны другие эвенты на нём), то на нужный дом добавляешь:

.addEventListener(type, (event) => {
  event.stopPropagation();

  // code
}, true);

Comments

[Надим]

Полезно, не знал что так можно.

[Senseich]

Такой способ срабатывает, но к сожалению только при втором клике, видимо при загрузке стороннего скрипта на элементах ещё висят эти события и происходит переход при первом клике, при втором уже моя функция срабатывает. Пробовал .on('load') , но эти элементы не находит.
Я немного по другому придумал, подскажите, с помощью вашего метода возможно убрать срабатывание клика у дочерних элементов. Т.е. я повешу свою функцию клика на весь родитель, но хочу убрать это срабатываение у некоторых дочерних элементов. Такое возможно?

[WbICHA]

Senseich, нет, это ты что-то не так сделал. Эвент должен висеть на том же элементе, на котором "ненужный" эвент и иметь тот же тип.
Данный способ не сработает только в одном случае: если эвенты, которые вешает сторонний скрипт, третьим аргументом тоже имеют true, но исходя из фрагмента кода, это не тот случай. Да и лично я ещё ни разу не встречал на практике, чтобы где-то эвенты с true вешались.

[Senseich]

WbICHA, делал вот так:

$('.wff_widget_FW6A9D41403F21F4E2').on('click', function(e) { // Главный родительский контейнер

		var clickEl = $(event.target.closest('.wff_soccer_event_row')); // родитель нашего элемента
		var clickId = $(event.target.closest('.wff_soccer_event_row')).attr('id'); // айдишник

		var link = $(clickEl).find(".wff_action_map_button_conatiner")[0]; // наш элемент

		link.addEventListener("click", (event) => {
		  event.stopPropagation();

		  window.location.href = clickId + '.html';
		}, true);


	});

Только со второго клика срабытывает, т.е. видимо первый клик срабатывает событие стороннего скрипта и отменяется, а при втором клике уже срабатывает мой код window.location.href

[WbICHA]

Senseich, если срабатывает, но со второго раза, то, насколько я вижу, при первом клике на wff_action_map_button_conatiner эвент не висит. Вешается он как раз после первого клика, когда срабатывает эвент на wff_widget_FW6A9D41403F21F4E2.

[Senseich]

WbICHA, не подскажите, как правильно повесить event.stopPropagation() чтобы клик срабатывал на родителе, но не срабатывал на нужных дочерних элементах?

[WbICHA]

Senseich, вызвать stopPropagation в эвенте родителя.

Answer 2

[rPman]

Пересоздай элементы DOM, удалив старые, но уже без настроек событий

Comments

[Senseich]

К сожалению это проблематично, у меня была такая идея.

[rPman]

какие проблемы? тебе не нужно знать какая там структура, просто циклом пройтись по dom создать по элементно копию в памяти, удалить старый, добавить новый

[Senseich]

rPman, там очень странный скрипт, он подгружает свой dom в dom моего сайта, но даже после загрузки, должно пройти какое то время прежде чем элементы смогут обнаружится, хотя на клик сразу поиск элемента срабатывает + там лейзи подзагрузка, поэтому сразу всё не смогу получить ... а что вы имеете ввиду создать копию в памяти, это как?

[rPman]

Допустим простая ситуация, вам нужно убрать ивент на клик на кнопку,
создаешь кнопку document.createElement(input) (она создается в памяти пока ты ее недобавишь на страницу, собственно сюда можно добавлять потомков, настраивать события и прочее прочее, пока не добавишь их вдокумент, они не активны), проходишь по всем атрибутам кнопки node.attributes и устанавливаешь такие же атрибуты у созданной, затем удаляешь node.remove и добавляешь на ее место свою созданную

В принципе в каких то ситуациях можно наверное не удалять а только скрыть старый элемент, подправив ему значение класса и id (по которым идентифицируют скрипты), так как скопировать события типа onmousemove или другие наверное будет сложно, но попробуй, а самому их прописывать может оказаться трудоемко (скрипты придется анализировать).