(共556篇)
全部分类

判断事件是否被人为触发
[ JS基础 ] 

判断事件是否被人为触发

事件对象中还有一个属性isTrusted,可以用来判断触发函数执行的事件是人为触发的,还是模拟触发的

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<style>
    div {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        background-color: aquamarine;
    }
</style>
<div></div>
<script>
    var div = document.querySelector("div");
    function clickEvent(event) {
        if (event.isTrusted) {
            console.log("点击事件是人为触发的");
        } else {
            console.log("点击事件不是人为触发的");
        }
    }

    div.addEventListener("click", clickEvent);

    setTimeout(function() {
        div.click();
    }, 2000);
</script>

案例源码