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

httpkaidi

于 2021-11-27 17:20:59 发布

阅读量747

点赞数

文章标签： jquery javascript 前端

本文链接：https://blog.youkuaiyun.com/httpkaidi/article/details/121579936

版权

本文详细介绍了jQuery中自动触发事件的三种方法：click()、trigger()和triggerHandler()，并通过实例展示了它们的区别。click()和trigger()会触发元素的默认行为，而triggerHandler()则不会。示例中，使用triggerHandler()触发input的focus事件可以避免自动获得焦点的默认行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>