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

JavaScript015

js添加事件和移除事件:addEventListener()与removeEventListener(),第1张

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文件。

2、引入jquery.min.js文件。

3、创建div和按钮并添加class样式。

4、接下来需要创建css样式。

5、创建js点击事件。

6、当点击按钮移除div元素。

7、点击按钮效果如图所示。

扩展资料

1、<body></body>所有div应该都放在body里面  应该这个才是内容区你把他们反正不是头和内容直接，网页解析肯定会出错的。

2、样式区域<style> 在里面必须加上type="text/css"这样才能搞错浏览器这部分为CSS样式部分，用CSS去解析而不是HTML。

3、内容区镶套了大量的多余DIV这属于多DIV症，这样会导致页面镶套混乱，然后加上你的那多浮动会出现做迷藏事件。

4、浮动后没有清楚浮动这样会产生很多的影响。

1.addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作；

2.所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序；

3.由于IE只支持事件冒泡，所以同大多数情况下，都是将事件处理程序添加到事件流的冒泡阶段，这样可以最大限度地兼容各种浏览器；

最好只在需要在是事件到达目标之前截获它的时候将事件处理程序添加到捕获阶段。如果不是特别需要，不建议在事件捕获阶段注册事件处理程序。