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

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>

最后

以上就是优美板凳为你收集整理的jQuery自动触发事件三种情况分析的全部内容，希望文章能够帮你解决jQuery自动触发事件三种情况分析所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。