浏览器事件对象

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>事件对象</title>
</head>
<body>

</body>
<script>
    window.onload = function(){
       /* document.body.onclick = function(){  //如果body没有元素就会撑不起来,onclick会不起作用
            alert("11");
        }*/

        /*alert(document.childNodes[0].tagName);//弹出的是  !
        alert(document.childNodes[1].tagName);//弹出的是  HTML*/


        /*document.onclick = function(){  //如果body没有元素就会撑不起来,onclick会不起作用
            alert("11");
        }*/


        document.onclick = function(ev){
            //alert(event.clientX +','+ event.clientY);//弹出鼠标点击的坐标  低版本的google和火狐不兼容event
            //alert(ev.clientX +','+ ev.clientY);
            //火狐下支持ev   IE9是套着IE皮的火狐   ,IE6-8下不兼容ev


            //下面写兼容代码
            var oEvent = ev||event;
            alert(oEvent.clientX +','+ oEvent.clientY);
        }
    }
</script>
</html>

 

posted @ 2016-03-29 17:09  雨落知音  阅读(191)  评论(0编辑  收藏  举报