js常见的事件类型

最新推荐文章于 2023-03-19 10:00:00 发布

前端一枚

最新推荐文章于 2023-03-19 10:00:00 发布

阅读量734

点赞数 1

分类专栏： js 文章标签： js事件鼠标事件键盘事件 html事件

本文链接：https://blog.csdn.net/u011200562/article/details/108908453

版权

js 专栏收录该内容

46 篇文章 1 订阅

订阅专栏

tips:纠正双击事件是ondblclick

1.鼠标事件

<body>
    <div id="obt">点击我</div>
    <div id="display"></div>
    <script>
        function handle(ev) {
            /*处理兼容性，获得事件对象,
            或者var ev = ev || event;
            下面最各个浏览器对事件对象的支持做一下简单介绍:
            1.IE8和IE8以下浏览器只支持window.event这个事件对象，IE8以上浏览器不但支持window.event也支持传递的ev（可以是任意其他合法名称）
            2.谷歌浏览器下不但支持window.event也支持传递的ev。
            3.火狐浏览器只支持传递的ev。
            */
            if (window.event) ev = window.event;
            var oDiv = document.getElementById('display');
            oDiv.innerHTML += ev.type + '<br>';
        }
        window.onload = function () {
            var obt = document.getElementById('obt')
            obt.onmousedown = handle;
            obt.onmouseup = handle;
            obt.onmouseover = handle;
            obt.onclick = handle;
            obt.ondblclick = handle;
        }
    </script>
</body>

2 键盘事件

<body>
    <textarea cols="50" rows="4"></textarea>
    <div id="display"></div>
    <script>
        function handle(ev) {
            /*处理兼容性，获得事件对象,
            或者var ev = ev || event;
            下面最各个浏览器对事件对象的支持做一下简单介绍:
            1.IE8和IE8以下浏览器只支持window.event这个事件对象，IE8以上浏览器不但支持window.event也支持传递的ev（可以是任意其他合法名称）
            2.谷歌浏览器下不但支持window.event也支持传递的ev。
            3.火狐浏览器只支持传递的ev。
            */
            if (window.event) ev = window.event;
            var oDiv = document.getElementById('display');
            oDiv.innerHTML += ev.type + '&nbsp;&nbsp';
        }
        window.onload = function () {
            var oTextArea = document.getElementsByTagName('textarea')[0]
            oTextArea.onkeydown = handle;
            oTextArea.onkeyup = handle;
            oTextArea.onkeypress = handle;
        }
    </script>
</body>

前端一枚

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
js常见的事件类型

tips:纠正双击事件是ondblclick1.鼠标事件<body> <div id="obt">点击我</div> <div id="display"></div> <script> function handle(ev) { /*处理兼容性，获得事件对象, 或者var ev = ev || event; ...
复制链接

扫一扫