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

最新推荐文章于 2023-04-09 21:22:15 发布

httpkaidi

最新推荐文章于 2023-04-09 21:22:15 发布

阅读量683

点赞数

文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/httpkaidi/article/details/121579936

版权

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>