js添加事件和移除事件:addEventListener()与removeEventListener()

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序 *** 作。

它们都接受3个参数：如 addEventListener("事件名" , "事件处理函数" , "布尔值")(注：事件名不含"on",如“click”) 现在的版本可以省略第三个参数，默认值为false

通过addEventListener()添加的事件处理程序只能使用removeEventListener()来移除；移除时传入的参数与添加处理程序时使用的参数相同。这也意味着通过addEventListener()添加的匿名函数无法移除

这个例子中，使用addEventListener()添加一个事件处理程序。虽然调用removeEventListener(0是看似使用了相同的参数，但实际上，第二个参数与传入addEventListener()中的那一个完全不同的函数。而传入removeEventListener()中的事件处理程序函数必须与传addEventListener()中的相同

重写后的这个例子在addEventListener()和removeEventListener()中用的是相同的函数。

1：相同事件绑定和解除，需要使用共用函数；绑定和解除事件时 事件没有"on" 即onclick写成click

2：共用函数不能带参数；

布尔值参数是true，表示在捕获阶段调用事件处理程序；就是最不具体的节点先接收事件，最具体的节点最后接收事件

1、新建一个html文件，命名为test.html，用js删除图片。

2、在test.html文件内，使用p标签创建多段文字，同时设置每个p标签id属性,主要用于下面使用js获得对应的p标签对象。

3、在test.html文件内，使用button标签创建一个“删除html”的按钮。

4、在test.html文件内，给button按钮绑定onclick点击事件，当按钮被点击时，执行delhtml()函数。

5、在js标签内，创建delhtml()函数，在函数内实现对指定的p图片进行删除。

6、在myfun()函数内，通过getElementById()方法获得p标签对象，使用remove()方法删除html。在浏览器中打开test.html文件，点击按钮，就可以了。

---