Javascript更改事件会终止点击事件

时间:2015-04-23 20:01:33

标签: javascript jquery html

当我将更改事件绑定到textarea然后将clickevent绑定到按钮时会发生这种情况。如果我专注于textarea并进行了更改,然后单击按钮,则只会触发更改事件。这里有一个例子:JSFiddle

JS:

$(function() {
    $('textarea').change(function() {
        alert('mefirst')
    });
    $('#submit').click(function(e) {
        alert('hi');
    });
});

HTML:

<textarea name="details" rows="5"></textarea>
<input type="submit" id="submit"/>

如果取消绑定textarea,则click事件将按预期工作。任何建议都会有所帮助(在Chrome和Firefox中发生)。

1 个答案:

答案 0 :(得分:1)

问题在于警报,更改和点击事件都在触发,但浏览器不知道如何处理2个警报。如果alert()更改为console.log(),则会记录这两个事件。

 $('textarea').change(function() {
    console.log('changed')
});
$('#submit').click(function(e) {
    console.log('submitted');
});

http://jsfiddle.net/p0t1pzh7/13/