$(function(){
$('li:has(ul)')
.click(function(event){
if (this == event.target) {
if ($(this).children().is(':hidden')) {
$(this)
.css('list-style-image','url(minus.gif)')
.children().show();
} else {
$(this)
.css('list-style-image','url(plus.gif)')
.children().hide();
}
}
return false;
})
.css('cursor','pointer')
.click();
$('li:not(:has(ul))').css({
cursor: 'default',
'list-style-image':'none'
});
});
if (this == event.target) {}
这个判断保证event的target属性和this匹配。即在冒泡行为的存在下,保证this与click事件绑定的元素相匹配。避免点击子女结点触发行为 。
分享到:
相关推荐
1.阻止事件冒泡,使成为捕获型事件触发机制. function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation()...
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e....
在前端开发工作中,由于浏览器兼容性等问题,我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1. 阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象,则这是一个非IE浏览器 if(e &&...
掌握JavaScript中的事件流,包括事件捕获、事件冒泡,以及如何阻止事件冒泡和默认行为。 三、进阶语法与特性 学习JavaScript的事件委托原理,通过事件冒泡实现父元素对子元素事件的响应。 了解并掌握JavaScript...
我们知道,在前端开发中,JavaScript负责定义网页的“行为”。这里所说的“定义”,其实指的是开发者可以通过JavaScript语言向浏览器描述一些规则,浏览器按照这些规则与用户进行交互。比如开发者希望当用户点击页面...
dom 事件对象 type 属性用于获取事件对象, target属性 用于获取事件目标,stopPropagation()方法 阻止事件冒泡 preventDefault阻止事件的默认行为 IE中的事件对象 type 属性 用于获取事件对象, srcElement属性 ...
26、 阻止冒泡事件或阻止浏览器默认行为 27、 关闭或跳转窗口时提示 28、 用javascript获取地 址栏参数 29、 计算停留的时间 30、 div为空,只有背景时,背景自动增高 主要内容: 16、除去数组重复项 [removed]...
绑定多个事件,且由用户行为触发。如果你想细致了解JavaScript中的事件发生,请慢慢阅读。 1. 原生事件的发生顺序 一般来讲,当为一个a标签添加click事件以后,点击这个标签,会先执行绑定的事件、后跳转页面。一个...
同时具有阻止冒泡和阻止默认行为的功能 事件捕获:父元素的事件会影响子元素的事件; 开启事件捕获:event.addEventListener(eventName,handler,true) 7、请说说事件委托机制?这样做有什么好处? 事件委托,...
// 阻止事件冒泡行为 stopBubble : function(ev) { // 如果传入了事件参数,则说明不是ie浏览器 if (ev && ev.stopPropagation) { ev.stopPropagaton(); } else { window.event.cancelBubble =...
这种自底向上的事件传播方式称为“事件冒泡”,也就是事件传播。 如何中断事件的传播? stopPropagation() w3c取消冒泡 cancleBubble = true IE取消冒泡 取消事件默认效果: returnValue = false IE 取消事件效果...
该jshelper帮助类全面涵盖了:字符串、日期时间、图片处理、请求相应、数字处理、正则匹配、对象拷贝、html处理,编码/解码、阻止事件冒泡、阻止默认行为、localStorage对象方法、复制到粘贴板、将数字转换成人民币...
}) 代码如上,在IE下,特别是在IE6中,点击超链接之后,浏览器并没有发生跳转行为。...在onclick事件中加return false来阻止冒泡: 代码如下: $(“a”).click(function(){ [removed].href = “xxx.html”;
在FF浏览器下则是:event.target,另外又比如在FF浏览器下得到光标相对页面的位置是event.pageX,而IE浏览器下的处理方式又是不一样的,当然还有一些像“阻止事件冒泡”以及“取消浏览器默认行为”等,不同浏览器也...
Web 前端面试题解析 以下是对 Web 前端面试题的详细解析,涵盖 HTML、CSS、JavaScript、AngularJS、Vue.js、SVG 等多个领域。 ... * 前端页面有三层构成:...* 阻止事件冒泡和默认事件的一种方法是:e.stopPropagation()
今天刚试过chrome的drag and drop API,它能非常简单的将本地的图片放...前者将会阻止事件的冒泡,后者会阻止浏览器默认的行为。 这里我们定义一个ignoreDrag函数,用以实现上述功能: Html代码 var ignoreDrag =