zoukankan      html  css  js  c++  java
  • event 事件 attachEvent addEventListener绑定事件

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script>
    			window.onload = function(){
    				var oBtn = document.getElementById("btn1");
    				
    				//attachEvent(事件名,函数)
    				//IE支持  火狐谷歌不支持
    //				oBtn.attachEvent("onclick",function(){
    //					alert("a");
    //				});
    //				
    //				oBtn.attachEvent("onclick",function(){
    //					alert("b");
    //				});
    				
    				//ff 谷歌
    				//addEventListener(事件名,函数,false/true)false冒泡 true捕捉
    				//和attachEvent的不一样的是:事件不加on
    //				oBtn.addEventListener("click",function(){
    //					alert("a");
    //				});
    //				oBtn.addEventListener("click",function(){
    //					alert("b");
    //				});
    
    				//兼容写法
    				if(oBtn.attachEvent)
    				{
    					//ie下顺序相反 ie的一个bug
    					oBtn.attachEvent("onclick",function(){
    						alert("a");
    					});
    					
    					oBtn.attachEvent("onclick",function(){
    						alert("b");
    					});
    					
    				}else{
    					oBtn.addEventListener("click",function(){
    						alert("a");
    					});
    					oBtn.addEventListener("click",function(){
    						alert("b");
    					});
    				}
    			}
    		</script>
    	</head>
    	<body>
    	<input type="button" value="点击" id="btn1" />
    	</body>
    </html>
    

      

  • 相关阅读:
    Input标签与图片按钮水平对齐解决方法
    下载网页流
    GTD
    Eclipse 运行多个Tomcat实例
    Tomcat启动超时
    Javascript:谈谈JS的全局变量跟局部变量
    影响一生的习惯
    OpenSUSE 安装并启动Tomcat
    ExtJS实战 01——HelloWorld
    eclipse快捷键
  • 原文地址:https://www.cnblogs.com/mingjixiaohui/p/5269807.html
Copyright © 2011-2022 走看看