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

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

建议使用jquery实现：

添加事件例：

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

    console.log("clicked")

})

移除事件例：

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

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

给dom元素添加事件监听一般有两种方式:

一、函数

<input type="button" onclick="clickme()" id="clickme" value="点击我">

<script>

    function clickme(){

        alert("我被点击了")

    }

</script>

二、为指定对象添加事件处理

<input type="button" onclick="clickme()" id="clickme" value="点击我">

 <script>

     document.getElementById("clickme").onclick=function(){

         alert("hello world")

     }

 </script>

js的监听事件就是相当于注册一个监听器，随时检测对应事件有没有发生，如果发生了自动调用定义好的函数来处理。

一般情况下 监听事件是对应于dom元素而言的，同时也需要声明所监听事件种类。

比如可以为一个按钮设置监听事件，点击之后自动调用相应函数处理。

同时可以在用函数处理时使用事件对象（event object）来获得关于触发这个事件的对象的信息。

---