JS 绑定事件(一个事件源有不同事件处理方法)

最新推荐文章于 2021-08-19 10:10:02 发布

Inspiring_

最新推荐文章于 2021-08-19 10:10:02 发布

阅读量550

点赞数

文章标签： JS绑定事件

本文链接：https://blog.csdn.net/weixin_44021199/article/details/97179549

版权

方法：addEventListener(“事件操作”，“事件处理函数”，false) //最后一个参数一般默认值为false

测试代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id='div1'>111111</div>
    <script>
         var oDiv1 = document.getElementById('div1');
        oDiv1.addEventListener('click',function(){
            console.log(111);
        },false); 
        oDiv1.addEventListener('click',function(){
            console.log(222);
        },false);
    </script> 
</body>
</html>

结果图

鼠标点击111111，控制台输出111 222 事件绑定成功测试完成
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Inspiring_

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 绑定事件(一个事件源有不同事件处理方法)

方法：addEventListener(“事件操作”，“事件处理函数”，false) //最后一个参数一般默认值为false测试代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...
复制链接

扫一扫