事件高级部分

一,注册事件

即给元素添加事件

1.传统注册方式

2.方法监听注册方式

事件类型:字符串形式,不用带on

可以给一个元素添加多个程序

二.删除事件

1.方式

参数见上文

三.DOM事件流

事件的传播过程叫做事件流

js代码只能获取一个阶段:捕获或冒泡

 onclick或attachEvent只能得到冒泡阶段

捕获阶段:先从父级到子级,监听注册:第三个参数为true。会先弹出父级在弹出子级

冒泡阶段:监听注册:第三个参数为false或省略,从子级到父级,会先弹出子级的再弹出父级的

比起捕获我们更关心冒泡

四,事件对象

event就是事件,写在侦听事件的小括号里面

div.οnclick=function(event){}

常见的属性和方法

2,阻止默认行为

让链接不跳转,或按提交按钮不提交

除了上图的那一个,用return false也可以,缺点是:return后面的代码就不执行了

五,阻止冒泡

1,阻止冒泡的两种方式

兼容性的解决方案:
 

六,事件委托

1,原理

不是每个子节点单独设置事件监听器,而是监听器设置在其父节点上,然后利用冒泡原理影响设置每个子节点。

好处:只用操作一次DOM,提高了性能

七,常见的鼠标事件

1.禁止鼠标右键菜单

2.禁止鼠标选中

3.鼠标事件对象

可视页面:就可看见的那一部分,控制面板上面

文档页面:是整体的部分,是有滚动条的

八,常见的键盘事件

同时写先执行down-press-up

1.键盘事件对象

相关推荐

  1. SQL高级事务

    2024-05-12 20:02:10       35 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-05-12 20:02:10       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-12 20:02:10       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-12 20:02:10       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-12 20:02:10       20 阅读

热门阅读

  1. pip opencv-python其一失败原因解决方案

    2024-05-12 20:02:10       8 阅读
  2. C#中的隐式类型转换和显式类型转换

    2024-05-12 20:02:10       13 阅读
  3. The 17-th BIT Campus Programming Contest C.小L的旅行

    2024-05-12 20:02:10       9 阅读
  4. Ubuntu服务器如何安装桌面

    2024-05-12 20:02:10       10 阅读
  5. 修复公路[并查集结构体]

    2024-05-12 20:02:10       8 阅读
  6. k8s部署数据库等pass产品的时候用那种控制器

    2024-05-12 20:02:10       10 阅读
  7. Hoot100-T6三数之和

    2024-05-12 20:02:10       11 阅读
  8. 1081:分苹果

    2024-05-12 20:02:10       10 阅读
  9. leetcode 797.所有可能的路径

    2024-05-12 20:02:10       14 阅读