一次性的侦听函数
通过element.addEventListener(type, fn [,options])中options参数中的once属性可以让侦听函数只执行一次。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<style>
div {
width: 200px;
height: 200px;
background-color: coral;
margin: 0 auto;
}
</style>
<script>
var div = document.querySelector("div");
div.addEventListener(
"click",
function() {
console.log("这里的文字只会被执行一次");
},
{
once: true,
},
);
</script>
|
案例源码