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

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

建议使用jquery实现：

添加事件例：

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

    console.log("clicked")

})

移除事件例：

$("button").off("click")

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

可以使用：$("#but").removeAttr("class")和$("#but").attr("class","but_test")来对标签进行元素的添加和删除。

为了直观性的看到结果，首先在css样式中，针对class选择该元素，之后添加相应的样式。

接下来，就给该button按钮添加一个点击事件，让它能过自由切换。

对该点击事件添加js函数。

运行后的结果为：

拓展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

---