访问事件对象,iE与标准DOM获取事件对象不一样，获取事件属性获取事件源方式不一样，一个ie 是srcElement，一个是target。

最新推荐文章于 2022-09-05 17:07:25 发布

old_man31

最新推荐文章于 2022-09-05 17:07:25 发布

阅读量319

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/old_man31/article/details/86804842

版权

javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!--//访问事件对象
事件对象封装了事件发生的信息，尤其是鼠标键盘事件，如鼠标事件发生的位置，键盘事件的键盘键等

一、IE中的事件对象
是隐士的全局的event，他是window对象的一个属性，一开始存在
IE中的事件对象
//op.onclick=function(){
var oEvent=window.event;}

二、标准DOM中的事件对象
在标准DOM浏览器检测到发生了某个事件时，将自动创建一个Event对象，并隐式将对象作为事件处理函数的第一个参数传入。
标准DOM中得到的事件对象
//op.onclick=function(Event){//作为参数传进来}


经验之谈:函数参数可以不传，处理兼容性。
op.onclick=function(oEvent){
if(window.event){
    oEvent=window.event;
}
}
-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        //获取事件源
        function handle(oEvent) {
            if(window.event){
                oEvent=window.event
            }
            var oTarget;
         if(oEvent.srcElement){
             oTarget=oEvent.srcElement;
         }else{
             oTarget=oEvent.target;
         }
         alert(oTarget.tagName);
        }
        window.function () {
            var oimg = document.getElementsByTagName('img')[0];
            oimg.onclick=handle;


        }



    </script>

</head>
<body>
<img src="images/shop.png" alt="">




</body>
</html>