JQuery事件冒泡和默认行为代码实例

这篇文章主要介绍了JQuery事件冒泡和默认行为代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

事件的冒泡

什么是事件的冒泡?

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

如何阻止事件的冒泡?

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

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

事件的默认行为

什么是事件的默认行为?

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

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

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

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

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

示例代码

HTML以及css代码

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

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

 

运行效果

以上就是JQuery事件冒泡和默认行为代码实例的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程