javascript 阻止事件冒泡

最新推荐文章于 2026-01-01 17:43:06 发布

原创最新推荐文章于 2026-01-01 17:43:06 发布 · 159 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

JavaScript 同时被 2 个专栏收录

8 篇文章

订阅专栏

jQuery

6 篇文章

订阅专栏

本文介绍了一种在不同浏览器环境下阻止事件冒泡的通用方法。针对Mozilla浏览器使用`event.stopPropagation()`，而对于其他浏览器则通过设置`window.event.cancelBubble=true`来实现相同功能。此方法有助于开发者更好地控制DOM事件的传播。


function eventStopBubble() { 
	if ($.browser.mozilla){
		var ev ;
        var c = this.eventStopBubble.caller;
        while (c) {
            ev = c.arguments[0];
            if (ev && (Event == ev.constructor || MouseEvent  == ev.constructor)) {
                break;
            }
            c = c.caller;
        }		
        ev.stopPropagation();
	}else{
		if ( event && event.stopPropagation ) {
			 event.stopPropagation(); 
		}
		else {	   
			window.event.cancelBubble = true; 
		}
	}
}