(共556篇)
全部分类

快速模拟触发事件
[ JS基础 ] 

快速模拟触发事件

有一些事件在模拟触发的时候,不需要这么麻烦,比如点击事件,通过element.click()可以直接触发元素的点击事件

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
<style>
    div {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        background-color: aquamarine;
    }
</style>
<div></div>
<script>
    var div = document.querySelector("div");
    div.addEventListener("click", function() {
        console.log("div元素被点击了");
    });

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

案例源码

除了点击事件,还有这些事件都可以快速触发:

方法 作用
element.click() 主动触发点击事件
element.focus() 主动触发文本输入框的获取焦点事件
element.submit() 主动触发表单提交事件
element.reset() 主动触发表单重置事件