防止来自mousedown的点击事件

时间:2015-10-27 09:47:37

标签: javascript cross-browser

我在Chrome,Firefox和IE上尝试了以下代码。

JS

var test = document.getElementById('test');

test.addEventListener( 'click', function ( e ) {
  alert( 'clicked' );
});

test.addEventListener( 'mousedown', function ( e ) {
  e.stopImmediatePropagation();
  e.stopPorpagation();
});

在chrome中,警告不会在firefox中被触发,即是,这是正确的行为吗?如何防止点击事件被触发?

jsBin Example

1 个答案:

答案 0 :(得分:1)

如果要取消点击事件,可以在“捕获”阶段执行此操作。将单击侦听器附加到正文以取消所需元素上的单击事件。 addEventListener中的第三个参数允许您指定是否要使用捕获阶段。

http://jsbin.com/kocapuharo/1/edit?html,css,js,output