位置: 编程技术 - 正文

理解jquery事件冒泡(jquery事件的响应)

编辑:rootadmin

推荐整理分享理解jquery事件冒泡(jquery事件的响应),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery中有哪些基础事件方法?,jquery事件处理,jquery事件处理程序返回false,jquery的事件处理机制包括,jquery的事件处理函数,jquery事件处理,jquery事件处理,jquery中的事件和事件处理有哪些,内容如对您有帮助,希望把文章链接给更多的朋友!

一、什么是jquery事件冒泡在很多教材或者手册都可能会涉及到事件冒泡的概念,老手来说这当然是最基本的概念,但往往对于初学者可能比较陌生或者说从来没有听说过。下面就结合代码实例来简单介绍一下什么是事件冒泡。代码实例如下:

理解jquery事件冒泡(jquery事件的响应)

在以上代码中,我们可能只想点击锚点后弹出“我是third”,但是令人奇怪的事情却是所有父元素定义的click事件都会被触发。这就是一个典型的事件冒泡效果。所谓的冒泡事件就是,如果在某一个对象上触发某一类事件(如上例的click事件),那么此事件会向对象的父级对象传播,并触发父对象上定义的同类事件。事件传播的方向是从最底层到最顶层,类似于水泡从水底浮上来一般。二、javascript如何阻止事件冒泡冒泡事件能够带来便利,有时候也会带来麻烦,下面就简单介绍一下如何阻止事件冒泡。代码实例如下:

代码注释:1.if(window.event)这个用来兼容IE8和IE8一下浏览器。2. evt.stopPropagation()这个是标准浏览器。

以上代码中,一个单元格阻止了事件冒泡,一个没有阻止事件冒泡,希望对大家的学习有所帮助。

jQuery自动完成插件completer附源码下载 我们在表单输入的时候,如要输入邮箱之类,只需输入邮箱名前段,那么@后面的内容将自动补全,将常用的几个邮箱列出来,用户只需选择一下就可以

jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码) 本文实例讲述了jQuery插件之jQuery.Form.js用法。分享给大家供大家参考,具体如下:一、jQuery.Form.js插件的作用是实现Ajax提交表单。方法:1.formSerilize()用

jquery中cookie用法实例详解(获取,存储,删除等) 本文实例讲述了jquery中cookie用法。分享给大家供大家参考,具体如下:cookie在jquery中有指定的cookie操作类,下面我先来介绍我们在使用cookie操作类时的

本文链接地址:https://www.jiuchutong.com/biancheng/379252.html 转载请保留说明!

上一篇:jquery实现简单的全选和反选功能(jquery简单例子)

下一篇:jQuery自动完成插件completer附源码下载(jquery自定义插件)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络