天天看点

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>
           

继续阅读