通用JS事件写法

最新推荐文章于 2021-12-02 20:11:47 发布

置顶老男人娃娃脸

最新推荐文章于 2021-12-02 20:11:47 发布

阅读量878

点赞数

分类专栏： JavaScript 文章标签： javascript 浏览器 function ie

本文链接：https://blog.csdn.net/sy_litao/article/details/3727691

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

 
 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>test</title>
    <script language="javascript" type="text/javascript">
        window.onload = function()
        {
            var oImg = document.getElementById("myImg");
            oImg.onclick = handle;
            oImg.onmouseover = handle;
        }
        function handle(oEvent)
        {
            var oDiv = document.getElementById("display");
            
            //处理浏览器兼容性，获得事件对象
            if(window.event)    //判断是否为IE浏览器
            {
                oEvent = window.event;
            }
            
            if(oEvent.type == "click")
            {
                oDiv.innerHTML += "点击<br>";
            }
            if(oEvent.type == "mouseover")
            {
                oDiv.innerHTML += "移动<br>";
            }
        }
    </script>
</head>
<body>
    <img id="myImg" src="test.gif" />
    <div id="display"></div>
</body>
</html>
 