1. 程式人生 > >js中的點擊事件(click)的實現方式

js中的點擊事件(click)的實現方式

har back ava html tlist oct doc 方法 doctype

<!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)的實現方式