• .stop 阻止冒泡(阻止事件向外层冒泡)

  • .prevent 阻止默认事件(链接跳转、表单提交)

  • .capture 添加事件侦听器时使用事件捕获模式(从外到里触发事件)

  • .self 只当事件在该元素本身(比如不是子元素)触发时触发回调

  • .once 事件只触发一次

注意:

1.once和prevent的先后顺序不会影响结果

2.self和stop的区别

四个div从内层到外层分别为:div1~div4,各绑定一个点击事件

当点击div2时,会发生事件冒泡,依次触发了div2、div3、div4

stop阻止了(使用该修饰符的元素引发的)所有的冒泡行为。但不能阻止其内层元素冒泡造成的其事件触发。

例子:为div2添加stop修饰符,当点击div2时,不再产生div2引起的事件冒泡行为,只触发了div2;当点击div1时,div1会引发事件冒泡,导致div2的事件触发,但是不再继续冒泡,最终触发了div1和div2。

self是阻止(冒泡到使用该修饰符的元素的本身的)冒泡行为。只有点击这个元素本身才会触发这个元素绑定的事件,然后继续向上冒泡。它内部元素的冒泡不会使它绑定的事件触发,但会继续往外冒泡。

例子:为div2添加self修饰符,当点击div2时,触发了div2、div3、div4;当点击其内部的div1时,触发了div1,viv3,div4。

最新文章

  1. 推荐有料哥:HR社保公积金状况大揭底
  2. 设计模式之美:Iterator(迭代器)
  3. jQuery DOM 与 原生DOM 互相转换的方法
  4. Linux系统批量化安装部署之Cobbler
  5. 学习笔记——Maven pom.xml配置详解
  6. stc89c52开发板遥控器解码 红外线发射 内置 eeprom 存储 串口显示编码
  7. [Js]基础知识
  8. 第六十八篇、OC_按照某一字段对数值进行排序
  9. HTML5 程序设计笔记(二)
  10. 2015十大顶级开源ERP系统点评
  11. 学习总结------用JDBC连接MySQL
  12. 基于Spring Boot框架开发的一个Mock
  13. openssl rsa java 大于117的长字符串加密
  14. 利用PHP访问数据库——实现分页功能与多条件查询功能
  15. .innerhtml 与.innertext
  16. C# 关键字this用法
  17. 第14月第11天 linkmap
  18. mysql8.0.11修改root密码,其他创建用户和删除用户
  19. ubuntu16 intellij idea install lombok plugin
  20. Linux vim 编辑命令

热门文章

  1. 微信JS-SDK接口上传图片以及wx.config的配置
  2. vue实现前后台交互
  3. ceph 指定OSD创建pool
  4. 服务器一般达到多少QPS比较好?
  5. PHP CURL或file_get_contents获取网页标题的代码及两者效率的稳定性问题
  6. [Repost] 探寻C++最快的读取文件的方案
  7. visual studio code -- python
  8. Jmeter 5.1命令行执行bat文件
  9. 实验吧关于隐写术的writeUp(二)
  10. mac查看python安装路径