js 对象添加事件与屏蔽事件

最新推荐文章于 2022-11-18 10:32:28 发布

wangzhantao

最新推荐文章于 2022-11-18 10:32:28 发布

阅读量177

点赞数

分类专栏： web 前端处理文章标签： addEventListener attachEvent

本文链接：https://blog.csdn.net/wangzhantao/article/details/84254066

版权

web 前端处理专栏收录该内容

57 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
  
 <BODY>
	<input id="para" type="text" />   
	<a href="www.baidu.com" id="baidu">百度</a>
 </BODY>
 <script language="javascript">

function test(event){ 
	
  alert("执行单击事件"); 
}   
 
window.onload = function(){   
         var element =  document.getElementById("baidu");   
		 
         if(element.addEventListener){  // firefox  , w3c  给元素添加事件
	    		element.addEventListener("click",stopDefault,false); 
                        element.addEventListener("click",test,false);   
 
         } else {   // ie   给元素添加事件
		  element.attachEvent("onclick",stopDefault ); 
		  element.attachEvent("onclick",test);   		 
         } 	 

function stopDefault(e ){
	 
	//阻止默认浏览器动作(W3C) 
	if ( e  &&  e.preventDefault ) {
		//火狐的 事件是传进来的e
		e.preventDefault(); 
	}	
	//IE中阻止函数器默认动作的方式 
	else{
		//ie 用的是默认的event
		event.returnValue = false; 
	}
}
}   





 </script>
</HTML>

冒泡和捕获讲解

http://www.cnblogs.com/hh54188/archive/2012/02/08/2343357.html

wangzhantao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 对象添加事件与屏蔽事件

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;HTML&gt; &lt;BODY&gt; &lt;input id="para" type="text" /&gt; &lt;a href="www.baidu.com" id=&
复制链接

扫一扫