小心IE的按钮单击事件

最新推荐文章于 2018-05-29 16:18:34 发布

junmoxie

最新推荐文章于 2018-05-29 16:18:34 发布

阅读量990

点赞数

分类专栏： js

js 专栏收录该内容

99 篇文章 0 订阅

订阅专栏

在Windows中，当我们快速连续单击一个按钮两次的话，那么会在触发单击事件之后再触发一次双击事件。HTML页面中的按钮控件也遵循这样的行为。但是IE和Firefox对按钮触发的事件的处理是不一样的。IE如果收到双击事件，那么它会忽略掉单击事件。而Firefox则两个事件都会触发。

下面是一个小示例。

<html>
    <head>
    </head>
    <body>
        <script>
            var counter = 0;
            function showCounter(){
                alert(counter);
            }
            function testCounter(){
                counter += 1;
            }
            </script>
        <input type="button" value="查看计数器" onclick="showCounter()" />
        <input type="button" value="测试计数器" onclick="testCounter()"/>
    </body>
</html>