                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

最新edge和firefox测试

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="js/script.js"></script>
<title>Event测试</title>
</head>
<body>
<div id="box">
  <input type="button" value="按钮1" id="btn" onclick="showMes()">
  <input type="button" value="按钮2" id="btn2">
  <input type="button" value="按钮3" id="btn3">
  <a href="www.baidu.com" id="go">跳转</a>
</div>
<script type="text/javascript">
  function showMes(event){
   alert("html事件处理程序");
  }
  function showBox(){
   alert("盒子Box");
  }
  function showM(){
   alert("DOM2级事件处理程序");
  }
  var btn2=document.getElementById('btn2');
  var btn3=document.getElementById('btn3');
  var box=document.getElementById('box');
  //DOM0级事件处理程序
  box.onclick=showBox();
  btn2.onclick=function(){
   alert("DOM0级事件处理程序");
  }//不起作用
  btn2.onclick=function(){
   alert("DOM0级多个事件处理程序");
  }//起作用
// btn2.onclick=null; //去掉事件
  //DOM2级事件处理程序
  /*
   DOM2级可以添加多个事件处理程序
  */
  btn3.addEventListener('click',showM,false);
  btn3.addEventListener('click',function(){alert(this.value)},false);
// btn3.removeEventListener('click',showM,false); //删除事件
</script>
</body>
</html>