Переопределение события Jquery

Question

Переопределение события Jquery

0

Я хочу переместить событие через делегата. Я добавляю делегата в строку таблицы. У меня также есть кнопка в одной из ячеек строки. Теперь, когда я нажимаю кнопку, запускается событие нажатия кнопки, но также происходит событие щелчка строки. Я не хочу, чтобы при нажатии кнопки стрелка была нажата. [Ссылка для моего запроса] [1]

$(function(){
    $("body").delegate("table tr","click",function(evt){
        alert("row clicked");
    });

    $("body").delegate("table tr input[type=button]","click",function(evt){
        alert("button clicked");
    });
});

http://jsfiddle.net/jjMVU/

Swapy 30 апр. 2014, в 12:41

Источник

Теги:

jquery

2 ответа

Ещё вопросы

Rory McCrossan · Answer 1 · 2014-04-30T07-38-00.000Z

Во - первых, delegate имеет устареет в пользу on. Во-вторых, вам нужно прекратить распространение события. Попробуй это:

$("body").on('click', "table tr input[type=button]", function(evt){ 
    evt.stopPropagation();
    alert("button clicked");
});

Обновленная скрипка

событие щелчка строки теперь не запускается, я также хочу, чтобы событие щелчка строки срабатывало, когда кнопка не нажата
@ Swapy не забывайте, что вам нужно менять порядок параметров при использовании on, он включен on(event, selector, handler); , Я обновил свою скрипку с полным примером.

wizzardz · Answer 2 · 2014-04-30T09-20-00.000Z

Это происходит из-за пузыря событий. чтобы это не происходило, вы должны использовать evt.stopPropagation() при нажатии кнопки.

Поэтому ваш второй обработчик событий должен выглядеть так

$("body").delegate("table tr input[type=button]","click",function(evt){
    evt.stopPropagation();
   alert("button clicked");
});