javascript中阻止浏览器的默认操作

最新推荐文章于 2024-09-21 11:23:29 发布

原创最新推荐文章于 2024-09-21 11:23:29 发布 · 147 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #JavaScript #IE #Google #ViewUI

JAVASCRIPT 专栏收录该内容

3 篇文章

订阅专栏

本文分享了JavaScript中阻止浏览器默认操作与事件冒泡的方法，包括如何使用事件对象来阻止这些行为，通过实例展示了实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近学习了一些关于JavaScript事件方面的知识，把它们记录下来，用于将来用时查询。

1、阻止浏览器默认操作。

<script type="text/javascript">  
	function stopDefault( e ) {     
		//适用于火狐等实现了W3C规范的浏览器     
 		if ( e && e.preventDefault )         
 			e.preventDefault();     
 		//适用于IE    
 		else        
 			window.event.returnValue = false;     
 		return false; 
 	}
</script>  
<a href="http://www.google.com" id="testLink">Google</a>  
<script type="text/javascript"> 
 	var test = document.getElementById('testLink'); 
 	test.onclick = function(e) {     
 		alert('我的链接地址是：' + this.href + ', 但是我不会跳转。');     
 		stopDefault(e); 
 	} 
</script>

2、阻止事件冒泡

    /*---------------------------
    功能:停止事件冒泡
    ---------------------------*/
    function stopBubble(e) {
        //如果提供了事件对象，则这是一个非IE浏览器
        if ( e && e.stopPropagation )
            //因此它支持W3C的stopPropagation()方法
            e.stopPropagation();
        else
            //否则，我们需要使用IE的方式来取消事件冒泡
            window.event.cancelBubble = true;
    }

待续。。。。