如标题的情况,经常发生,尤其是在一些弹出框上面之类的。 一般的google浏览器添加上面此项就可以,但是发现在FF下并不工作,于是有了如下: 只要在你的方法最后插入 ...
分类:
其他好文 时间:
2017-08-23 19:12:23
阅读次数:
131
jQuery基礎知識 $(function(){}) //jQuery先執行一遍再執行其他函數 $(document).ready(fn) //文檔加載完後觸發 1、 刪除$:jQuery.noConflict() 2、 $('#m') $('a') $('.n') $('*') $('ul li ...
分类:
Web程序 时间:
2017-08-16 11:28:29
阅读次数:
251
//功能:停止事件冒泡 function stopBubble(e) { if ( e && e.stopPropagation ) { e.stopPropagation(); } else { // ie old window.event.cancelBubble = true; } } //功... ...
分类:
编程语言 时间:
2017-08-12 18:12:50
阅读次数:
133
一、什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了 ...
分类:
编程语言 时间:
2017-08-09 18:08:57
阅读次数:
153
jquery事件模型: dom0级事件模型: 阻止冒泡:event.stopPropagation(); 阻止冒泡:event.cancelBubble = true; 只支持一个事件处理函数; dom2级事件模型: addEventListener(eventType) addEventListe ...
分类:
Web程序 时间:
2017-08-01 20:38:39
阅读次数:
175
事件冒泡 : 当一个元素接收到事件的时候,会把它接收到的所有传播给它的父级。一直到顶层window。这种现象称之为事件冒泡机制。 阻止冒泡 : 当前要阻止冒泡的事件函数中,调用 event.cancelBubble = true; 事件捕获 : ie下是没有的,在绑定事件中,标准下是有的。 给对象绑 ...
分类:
Web程序 时间:
2017-07-31 22:57:23
阅读次数:
254
前两天做了一个点击任意位置,都能关闭菜单的功能,因为菜单里面的每一个a,的点击事件都是用on绑定的。所以在阻止冒泡的时候不管用,今天特意来理解一下on的机制 on 是委托事件,利用的就是冒泡原理 $(selector).on(event,[selector],handler); selector 如 ...
分类:
Web程序 时间:
2017-07-30 14:53:30
阅读次数:
195
js的事件的冒泡与捕捉,简单来说就像个V型,从最高层body开始捕捉事件,然后一层一层往下开始捕捉,底层捕捉到事件后进行处理,然后再一层层冒泡传给父级,父级再传到它的父级,如果没有阻止冒泡,事件会一直传回给body,整个下来如下图所示: 下面的例子可以证明事件的冒泡与捕捉的过程:在此例中我们用到一个 ...
分类:
Web程序 时间:
2017-07-26 12:34:59
阅读次数:
165
事件绑定 事件绑定方法I:绑定元素属性 事件绑定方法II:绑定对象属性 事件绑定方法III:使用addEventListener() 方法(DOM2级事件程序) addEventListener 语法:target.addEventListener(type,listener,useCapture) ...
分类:
Web程序 时间:
2017-07-12 01:19:04
阅读次数:
299
<!--弹出层 > <div class="mask"> <div class="wrap"></div> </div> /***弹出层效果***/ $(".header").find(".a5").click(function(e){ e.stopPropagation();//阻止冒泡 $('. ...
分类:
Web程序 时间:
2017-07-10 12:09:56
阅读次数:
144