onclick和addEventListener的区别

2021-08-10  本文已影响0人  骑码走天涯

1.事件机制

(1).onclick是会被同时注册的onclick覆盖的,触发后执行是被覆盖的事件 。
(2).addEventListener则不会被覆盖

2.addEventListener注意事项

特别说明addEventListener不被IE9以下兼容,IE9以下用使用attachEvent()

3.addEventListener参数

(1).event:事件类型(需要写成“onclick”前面加on,这个与addEventListener不同)。
(2).funtionName:方法名 (要参数是也是需要使用匿名函数来传参)
(3).useCapture(可选):布尔值,指定事件是否在捕获或冒泡阶段执行。
(4).true - 事件句柄在捕获阶段执行。
(5).false- false- 默认。事件句柄在冒泡阶段执行。

4.事件集合

(1).click(单击)
(2).dbclick(双击)
(3).mousedown(鼠标按下)
(4).mouseout(鼠标移走)
(5).mouseover(鼠标移入)
(6).mouseup(鼠标弹起)
(7).mousemove(鼠标移动)

5.键盘事件

(1).keydown(键按下)
(2).keypress(按键)
(3).keyup(键起来)

6.页面事件

(1).load(加载页面)
(2).unload(卸载离开页面)
(3).change(改变内容)
(4).scroll(滚动)
(5).focus(获得焦点)
(6).blur(失去焦点)
上一篇下一篇

猜你喜欢

热点阅读