首页 > Web开发 > 详细

js_dom 之事件

时间:2019-05-16 16:02:29      阅读:157      评论:0      收藏:0      [点我收藏+]

1、注册事件

    a、ele.onclick = function () {}--没有兼容性问题,但是有缺点

         技术分享图片

    b、addEventListener(事件名,处理函数,布尔)---这种方式的优点:同一种事件可注册多个事件处理函数

    缺点:有兼容性问题---IE9以后才支持

    技术分享图片

     c、attachEvent---ie中特有的方法

    技术分享图片

2、处理注册事件的兼容性问题

   技术分享图片

   技术分享图片

    现代浏览器都支持  addEventListener--这是标准注册事件的方式

 

3、移除事件

  a、方式一

  技术分享图片

  b、方式二:

  技术分享图片

  c、方式三:

  技术分享图片

4、处理移除事件的兼容性问题

  技术分享图片

5、addEventListener第3个参数的作用

  第3个参数为false,此时为事件冒泡,事件从里往外触发

  第3个参数为true,此时为事件捕获,事件从外往里触发

  技术分享图片

  技术分享图片

6、事件冒泡的作用

  技术分享图片

  技术分享图片

  技术分享图片

  技术分享图片

  技术分享图片技术分享图片

  技术分享图片

  clientX clientY---没有兼容性问题

  pageX pageY---有兼容问题,从ie9以后才支持

  技术分享图片

  pageX pageY的兼容性处理

  技术分享图片

  技术分享图片

  技术分享图片

 

 7、取消默认行为的执行和阻止冒泡

  技术分享图片

  技术分享图片

8、键盘事件

  技术分享图片技术分享图片

 

js_dom 之事件

原文:https://www.cnblogs.com/yangyutian/p/10875746.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!