如何通过js实现添加事件监听和移除事件监听

直接用js实现比较麻烦，不同版本的浏览器（主要是低版本的）支持的方法会不一样。吵做

建议使用jquery实现：

添加事件例：

$("button").on("click", function(){

    console.log("clicked")

})

移除事件例：

$("升链衡button").off("click")

文唤拍档链接：http://api.jquery.com/on/

addEventListener与removeEventListener是firefox与chrome等标准浏览器支持的事件 *** 作方法，IE中有对应的attachEvent和detachEvent。

addEventListener用来给dom元素绑定事件，

removeEventListener用来删除dom元素上绑定的事件。

这两个方法与element.onclick = function() {}这种写法的神镇正区别就是，前者把事件加到事旅差件队列里，可以绑定多个事件，而后者赋值会把之前绑定的事游悔件覆盖。

鼠标事件要添加MouseListener，捕获MouseEvent。MouseListener里的几个事件的参数都是MouseEvent，MouseEvent提供了获得点击了哪个键的方法getButton。比敬首如下面这个点击事件处纳稿晌理。public void mouseClicked(MouseEvent arg0) {

if(arg0.getButton() == MouseEvent.BUTTON1) {

// 左键点击

} else if(arg0.getButton() == MouseEvent.BUTTON2) {

//洞锋 中键点击

} else if(arg0.getButton() == MouseEvent.BUTTON3) {

// 右键点击

}

} 添加监听是addMouseListener方法，取消监听当然就是removeMouseListener方法了。

---