//向上/向下
$(‘.dood-group-wrap‘).on(‘click‘, ‘.dood-select‘, function(event) {
...........
event.stopPropagation();
});
时间： 2024-10-08 08:36:22
子元素组织事件冒泡
子元素组织事件冒泡的相关文章
JS对于字符串、时间日期、数学函数的操作以及常用事件的使用（组织事件冒泡）
一.字符串的操作 1.转大写: s.toLowerCase(); 2.转大写: s.toUpperCase(); 3.字符串的截取: s.substr(3,4); -从索引3开始截取,截取4位.索引从0开始. 4.将字符串按指定的字符拆开: s.split(","); 引号内放指定的字符.返回的是一个数组. 5.字符串长度: s.length; 6.字符串中一个字符的索引: s.indexOf("world"); worl
js事件冒泡
javaSciprt事件中有两个很重要的特性:事件冒泡以及目标元素. 事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发.这一过程被称为事件冒泡:这个事件从原始元素开始一直冒泡到DOM树的最上层. 目标元素: 任何一个事件的目标元素都是最开始的那个元素,在我们的这个例子中也就是label.使用事件代理的话我们可以把事件处理器添加到一个元素上,等待一个事件从它的子级元素里冒泡上来,并且可以很方便地得知这个事件是从哪个元素开始的. 事
JavaScript权威设计--事件冒泡，捕获，事件句柄，事件源，事件对象(简要学习笔记十八)
1.事件冒泡与事件捕获 2.事件与事件句柄 3.事件委托:利用事件的冒泡技术.子元素的事件最终会冒泡到父元素直到跟节点.事件监听会分析从子元素冒泡上来的事件. 事件委托的好处: 1.每个函数都是对象,都会占用内存,内存中对象越多,性能越差. 2.必须事先指定所有事件处理程序而导致的DOM访问次数,会延迟整个页面的交互就绪时间. 怎样处理由于事件较多引起的性能差: 1.采用事件委托技术,限制简历的连接数量 2.在不需要的时候移除事件处理程序 例子: html: <div id="myDiv&
事件捕获 事件冒泡和事件委托
这两天做项目遇到一个bug,寻思良久也找不到解决方案:各种看技术文档才发现是平时忽略的事件捕获,事件委托和事件冒泡的概念出现的问题.遂上网了解了一下相关的内容.以下是我的学习总结. 事件捕获:发生事件时首先在document上,然后依次传递到body,最后到目标节点上: 事件冒泡:指事件到达指点节点后不会结束,会向上一节点冒泡,直到document对象,跟事件捕获相反; 网景公司采用事件捕获方式:即父元素先触发,子元素后触发: IE则是采用事件冒泡方式:子元素先触发然后在触发父元素: W3C则是
事件冒泡机制和事件委派 以及回调的匿名函数参数
1.事件冒泡机制: 事件冒泡机制也就是当一个事件绑定到一个元素上时,如果这个元素不存在或者回调函数返回ture,那么这个事件就会向上冒泡,继续绑定这个元素的父级元素直至document.(如果事件返回return false则不会冒泡) 阻止冒泡:1.事件return false ; 2.evt.stopPropagation(这个evt指此次事件,写在事件匿名回调函数的参数里)例如: $('li').click(function(evt){evt.stopPropagation()}); 2.
js阻止事件冒泡stopPropagation()、cancelBubble、preventDefault()、return false的分析
事件冒泡,举个列子: <li> <a href='http://www.baidu.com'>点击a</a> </li> <script> $('li').click(function () { alert('点击了li'); }); $('a').click(function () { alert('点击了a'); }); </script> 当你点击a的时候,会先弹出‘点击了a’,再弹出‘点击了li’,最后跳转到百度.简单理解就是
关于JQuery中的事件冒泡
什么是事件冒泡? 事件冒泡就是当父元素和子元素存在同一事件时在子元素的事件处理程序中会自动调用其父级元素的事件处理程序. demo: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
事件捕获与事件冒泡
一.背景 假设有一个HTML代码片段如下: <div id="div"> <input type="button" value="点击测试"></input> </div> 如果我们同时给 div 元素和 input 元素注册 click 事件,当点击 input 元素时,哪个事件先执行? 要回答这个问题,先得明白: HTML文档是层级嵌套结构,页面元素处理事件时,总是最外层元素最先捕获到事件,再层
事件对象、事件冒泡、事件捕获
事件对象: event:描述或者包含事件的更加详细的信息; event:不兼容FF; ev: 兼容IE9+,FF,Chrome,IE8--报undefined; 兼容写法:var oEvent=ev||event; clientX:X轴的坐标 clientY:Y轴的坐标