JS中事件绑定的2种方式

论坛 期权论坛 脚本     
匿名技术用户   2021-1-5 08:43   11   0

首先,在body里写一些内容。

接着,CSS随便写一下,然后在JS中获取页面元素后开始操作

1,绑定事件方式一:on+事件名

* 1,只能添加一个事件处理函数(绑定一个)
* 2,如果多次绑定,后面的事件会覆盖掉前面的事件。
*
* 取消绑定:事件 = null

* 例如:元素.onclick = null;


2,事件绑定方式二:addEventListener 方式

(1) * 语法结构:元素.addEventListener(参数一,参数二,参数三)
* 参数一:事件名称
* 参数二:要触发的事件
* 参数三:Boolean值,是否要捕获的意思。true 代表捕获方式处理,false代表冒泡方式处理。默认值 false
*
* 作用:
* 1,为元素绑定事件,同时 可以添加多个事件处理函数
* 2,触发时 会按照事件绑定的先后顺序,依次触发
*
* *******IE 6,7,8不支持addEventListener*****

* 使用 attachEvent("事件名",事件处理函数)来绑定事件。


2) 取消事件绑定:removeEventListener("事件名",事件处理函数,是否捕获)
*
*
* *******IE6, 7,8*****
* 使用detachEvent("事件名",事件处理函数)来取消事件绑定
*

* 如果绑定事件时使用的是匿名函数,该匿名函数无法取消绑定。


分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP