js中的点击事件(click)的实现方式

Posted 青芒灬

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中的点击事件(click)的实现方式相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>js中的点击事件(click)的实现方式</title>
</head>
<body>
    <!-- 第三种方式-->
    <button id="btn" onclick="threeFn()">点我</button>

    <script type="text/javascript">
        var btn = document.getElementById("btn");

        // 第一种 通过点击事件
        btn.onclick = function(){
            alert("这是第一种点击方式");
        }

        // 第二种 监听点击事件
        btn.addEventListener(click, function(){
            alert("这是第二中点击方式");
        })

        // 第三种 通过方法响应点击事件
        function threeFn(){
            alert("这是第三种点击方式");
        }
    </script>
</body>
</html>

 

以上是关于js中的点击事件(click)的实现方式的主要内容,如果未能解决你的问题,请参考以下文章

angularjs怎么给div添加点击事件

jquery鼠标点击事件是啥?

原生js如何绑定a连接点击事件?

js click事件防止重复点击

怎样用js触发a标签的click事件

分享一个移动项目中消除click事件点击延迟的方法