JS多个响应事件的绑定

最新推荐文章于 2021-12-01 23:13:40 发布

mmm_morning

最新推荐文章于 2021-12-01 23:13:40 发布

阅读量132

点赞数

本文链接：https://blog.csdn.net/mmm_morning/article/details/120860564

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btn1">点击</button>
</body>
<script>
    // 采用object.event=function()的形式绑定响应事件只能为一个对象绑定一个响应事件
    // var bt1=document.getElementById("btn1");
    // bt1.onclick=function(){};
    /*
    addEventListener()
    通过此函数也可绑定事件
    -参数：
        1.事件名称，不要on，如click，不要用onclick
        2.回调函数，当事件发生时执行该函数
        3.是否在捕获事件阶段执行该函数，一般为false
    该方法不支持IE8一下的浏览器
    */
    var bt1=document.getElementById("btn1");
    bt1.addEventListener("click",function(){
        alert(1);
    },false)
    bt1.addEventListener("click",function(){
        alert(2);
    },false)

    // IE8中可用attachEvent（"onclick",function(){}）实现同样功能。执行顺序与addEventListener（）相反

</script>
</html>