通用JS事件写法

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

置顶老男人娃娃脸

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

阅读量914

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/sy_litao/article/details/3727691

JavaScript 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单示例，该示例展示了如何处理点击和鼠标悬停事件，并确保在不同浏览器（包括IE）之间的兼容性。通过实际代码演示了事件监听器的绑定方法以及如何根据不同事件类型执行相应的操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>