js中的点击事件（click）的实现方式

最新推荐文章于 2024-06-20 23:18:02 发布

蚁族的奋斗1

最新推荐文章于 2024-06-20 23:18:02 发布

阅读量4.4k

点赞数 1

分类专栏： js 文章标签： click

本文链接：https://blog.csdn.net/github_39319000/article/details/103233088

版权

js 专栏收录该内容

122 篇文章 1 订阅

订阅专栏

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

蚁族的奋斗1

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
js中的点击事件（click）的实现方式

<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>js中的点击事件（click）的实现方式</title></head><body>  &...
复制链接

扫一扫

专栏目录