天天看點

js中如何添加一個事件監聽addEventListener

通過滑鼠單擊可以打開一個網頁或者彈出一個對話框,這些是通過滑鼠事件監聽來實作的。

實作事件監聽的代碼示例:

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <noscript><!--當浏覽器不支援js時,會彈出警告-->
        <h1>您的浏覽器不支援js!</h1>
    </noscript>
    <title>事件監聽</title>
</head>
<body>

<input id="btn" type="button" value="點選彈出對話框">
</body>
<script>
    var element=document.getElementById("btn")//通過id(btn)擷取一個元素
    element.addEventListener("click",function () {//添加一個單擊事件(單擊時觸發function函數)
        alert("adf")
    })
    //addEventListener:添加事件監聽

</script>
</html>
           

繼續閱讀