DOM2级事件addEventListener
<!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>DOM2级事件addEventListener</title>
<!--
绑定事件的三种方法：
1）HTML内部定义； 在HTML文档中写js代码，强耦合，不利于代码复用
2）DOM0级事件； 事件对象绑定 松耦合 HTML和js分离；缺点：有且只能绑定一个事件；只执行最后绑定的事件
3）DOM2级事件； 使用addEventListener()函数绑定事件；松耦合 HTML和js分离；优点：能绑定多个事件，事件捕获和事件冒泡
ele.addEventListener("a",b,false);为元素ele绑定事件a,触发事件a时执行代码b（也称句柄b）
tips:
DOM2级事件不用加 on
-->
</head>
<body>
<button id="btn">弹框</button>
<script>
var btn=document.getElementById("btn");//获取对象
//绑定事件
btn.addEventListener("click",function (){
alert("Hello");
},true)
</script>
</body>
</html> 相关推荐
lupeng 2020-11-14
sjcheck 2020-11-10
sjcheck 2020-11-03
meylovezn 2020-08-28
owhile 2020-08-18
Francismingren 2020-08-17
pythonclass 2020-07-29
sunzhihaofuture 2020-07-19
爱读书的旅行者 2020-07-07
行吟阁 2020-07-05
tianqi 2020-07-05
行吟阁 2020-07-04
冰蝶 2020-07-04
lyg0 2020-07-04
owhile 2020-07-04
opspider 2020-06-28
lengyu0 2020-06-28
tianqi 2020-06-21
dadaooxx 2020-06-16