js中的點擊事件（click）的實現方式

本文轉載自查看原文 2020-09-11 09:46 2418 js

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

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js中的點擊事件（click）的實現方式 js點擊事件（click）的實現方法和（其他的事件對象） @click，@click.native失效問題（原生js代碼innerHTML中填充vue頁面，頁面中點擊事件失效） jq和js中click 事件的幾種方式總結和click事件的累加問題解決辦法阻止click點擊事件 elementUI 中，table表格如何實現當某一行被點擊時會觸發該事件（row-click） js實現input:file的click事件 js中事件綁定,$("body").on("click")與$("").click()區別 js、jq事件綁定方式總結——以click事件為例 vue.js click點擊事件獲取當前元素對象