JQuery事件冒泡和默认行为的实现

这篇文章主要讲解了JQuery事件冒泡和默认行为的实现,内容清晰明了,对此有兴趣的小伙伴可以学习一下,相信大家阅读完之后会有帮助。

成都创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:网站建设、网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的应城网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

事件的冒泡

什么是事件的冒泡?

就是事件从子元素向父元素传递的一个过程

如何阻止事件的冒泡?

方式一:在事件的回调函数中加上return false;

方式二:在事件回调函数的形参列表中添加event,然后在回调函数中调用event.stopPropagation();.

事件的默认行为

什么是事件的默认行为?

就是像a标签那样,没有绑定事件,但只要点击了就会自动跳转的行为

像提交按钮一样,没有绑定事件,但是点击就会提交表单信息,自动跳转

如何阻止事件的默认行为?

方式一:在事件的回调函数中加上return false;

方式二:在事件回调函数的形参列表中添加event,然后在回调函数中调用event.stopPropagation();.

示例代码

HTML以及css代码




  
  23-jQuery事件的冒泡和默认行为
  
  



JavaScript代码(用到了jquery-1.11.3.js)


运行效果

JQuery事件冒泡和默认行为的实现

看完上述内容,是不是对JQuery事件冒泡和默认行为的实现有进一步的了解,如果还想学习更多内容,欢迎关注创新互联行业资讯频道。


文章名称:JQuery事件冒泡和默认行为的实现
网站路径:http://ybzwz.com/article/psehop.html