`

Event 事件监听 事件对象

IEFirefox浏览器 
阅读更多

事件流：
冒泡型事件指的是触发某一个事件后会向上触发一系列所有相同的事件  从下往上冒泡
<body onclick="doclick()">
 <div onclick="doclick()">
  <p onclick="doclick()">click......</p>
 </div>
</body>
如果触发p的点击事件则相应触发div和body的事件


事件监听：
<script>
 window.onload=function(){
 var obj = document.getElementById("id");
 obj.onclik=function(){
 alert(".......");
 }
 }
</script>

 

 

事件对象event：
ie中的事件对象是window对象的一个属性
 obj.onclick=function(){
  var myevent = window.event;
 }

而在dom模型中如firefox中event对象必须作为唯一的参数传递给事件处理函数
 obj.onclick=function(myevent){ 

   alert(myevent.type);//myevent.type指事件的类型如click，onmouseover........
 }
为了兼容多种浏览器：
obj.onclick = function(myevent){
 if(window.event){
 myevent = window.event//如果window.event存在那么赋予myenvent否则采用传入的myenvent
 }
}

 

分享到：
| DOM访问元素 创建节点 innerHTML
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics