Как избежать событий на элементах позади других в HTML и JavaScript / jQuery

Question

Как избежать событий на элементах позади других в HTML и JavaScript / jQuery

0

У меня есть таблица с некоторым div внутри.

Я хочу, чтобы событие произошло, когда я нажимаю на элемент td, но также хочу, чтобы событие произошло, когда я нажимаю на элемент div. Как вы можете видеть в этой скрипте http://jsfiddle.net/rkGkp/1/, моя проблема в том, что когда я нажимаю на элемент div, запускаются как событие div, так и td, но я хочу, чтобы событие div было вызвано,

Я использую эти прослушиватели событий

$(function() {
    $("#div").on("click", function() {
        alert("a div is clicked");
    });
});
$(function() {
    $(".td").on("click", function() {
        alert("a td is clicked");
    });
});

Что я могу сделать, чтобы избежать того, чтобы элемент за моим div запускал событие?

mschadegg 19 окт. 2013, в 17:39

Источник

Теги:

javascript

jquery

html

2 ответа

0

Это самый простой способ добиться того, что вам нужно. Просто проверьте, находится ли цель клика в div:

$(function() {
   $("#div").on("click", function() {
       alert("a div is clicked");
   });
});
$(function() {
   $(".td").on("click", function(e) {
      if(!$(e.target).is("#div")){
        alert("a td is clicked");
      }
   });
});

Ben Wong 19 окт. 2013, в 13:32

0

Также можно просто сделать $('.td').on("click", ":not(#div)", fn) если вы хотите сделать это таким образом.
megawac 19 окт. 2013, в 15:47

Ещё вопросы

Также можно просто сделать $('.td').on("click", ":not(#div)", fn) если вы хотите сделать это таким образом.

BeNdErR · Accepted Answer · 2013-10-19T13-39-00.000Z

Посмотрите здесь: FIDDLE

Я использовал stopPropagation()

КОД

$("#div").on("click", function(event) {
    event.stopPropagation();
    alert("a div is clicked");
});

Спасибо, я вижу, это то же самое, что они делают здесь w3schools.com/jquery/event_stoppropagation.asp