美文网首页
onclick和addEventListener的区别

onclick和addEventListener的区别

作者: 骑码走天涯 | 来源:发表于2021-08-10 15:08 被阅读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(失去焦点)
    

    相关文章

      网友评论

          本文标题:onclick和addEventListener的区别

          本文链接:https://www.haomeiwen.com/subject/bzoxbltx.html