jQuery自动触发事件三种情况分析

92 阅读 0 评论 61 点赞

我是靠谱客的博主优美板凳，这篇文章主要介绍jQuery自动触发事件三种情况分析，现在分享给大家，希望可以做个参考。

复制代码

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
jquery自动触发事件
如果有一个div
 <style>
        div {
            width: 200px;
            height: 200px;
            background-color: pink;
            margin: 100px auto;
        }
    </style>
</head>
<div></div>
<script>
        $(function() {
            $('div').on('click', function() {
                alert(11);
            })
//第一种情况，element.click()自动调用，会触发元素的默认行为
 $('div').click();
//第二种情况，element.trigger()自动调用，会触发元素的默认行为
$('div').trigger('click');
//第三种情况,element.triggerHandler()自动调用,去除元素的默认行为
$('div').triggerHandler('click');

        })
    </script>
//自动触发事件的三种情况
//第三种情况举例
<input type="text">
<script>
$(function() {
$('input').on('focus', function() {
                $(this).val('你好吗')
            })
$('input').triggerHandler('focus');
//这样就不会自动获得焦点的光标默认行为
        })
</script>