event.preventDefault()

1、首先event.preventDefault()是通知浏览器不要执行与事件关联的默认动作,例如:

 这里a标签的默认事件是跳转,这里我们告诉浏览器取消默认事件,这样a标签的跳转功能就不好使了,反之a标准恢复默认事件功能如下:

event.stopPropagation( )

stopPropagation()函数用于阻止当前事件在DOM树上冒泡。

根据DOM事件流机制,在元素上触发的大多数事件都会冒泡传递到该元素的所有祖辈元素上,

如果这些祖辈元素上也绑定了相应的事件处理函数,就会触发执行这些函数。

使用stopPropagation()函数可以阻止当前事件向祖辈元素的冒泡传递,

也就是说该事件不会触发执行当前元素的任何祖辈元素的任何事件处理函数。

与event.stopPropagation()函数相关的jQuery示例代码如下:

// 为所有div元素绑定click事件

$("div").click(function(event){

alert("div-click");

});

//为所有p元素绑定click事件

$("p").click(function(event){

alert("p-click");

});

//为所有button元素绑定click事件

$(":button").click(function(event){

alert("button-click");

// 阻止事件冒泡到DOM树上

event.stopPropagation();// 只执行button的click,如果注释掉该行,将执行button、p和div的click

});

最新文章

  1. SQL Server数据库备份的镜像
  2. QT网络编程
  3. java视频教程 Java自学视频整理(持续更新中...)
  4. [转] Oracle sql 查询突然变慢 -- 案例分析
  5. Nginx 下无法读取session 导致 thinkphp验证码错误
  6. iOS7开发中的新特性
  7. 记一次linux samba服务问题调试
  8. oracle flashback
  9. 包的定义和导入-----package
  10. jquery 单引号和双引号的区别及使用注意
  11. 【清澄A1333】【整体二分+二维树状数组】矩阵乘法(梁盾)
  12. struts2中的路径问题
  13. android _scrollview嵌套listview出现高度显示不全解决方案
  14. C++ 复制功能
  15. Oracle缓存机制
  16. Javascript中valueOf与toString区别
  17. 一次dns缓存引发的惨案
  18. ci框架基础知识点
  19. form表单中的input有哪些类型
  20. ASP.NET Core MVC应用程序中的后台工作任务

热门文章

  1. pytorch1.0实现AutoEncoder
  2. LocalDate LocalTime LocalDateTime Instant的操作与使用
  3. SQL Server 数据库清空ldf日志文件
  4. 有关同时进行两条线路的四维dp
  5. php创建生成数组的相关函数
  6. 十八、Nand Flash驱动和Nor Flash驱动
  7. codeforce 849D. Make a Permutation!
  8. .NET调用腾讯云API实例
  9. MySQL的安装及简单配置
  10. element-ui 文件上传