jQuery：自动触发事件(trigger和triggerHandler)

最新推荐文章于 2023-06-17 17:25:15 发布

奄奄一息的一条咸鱼

最新推荐文章于 2023-06-17 17:25:15 发布

阅读量758

点赞数 2

分类专栏： jQuery 文章标签： jquery js

本文链接：https://blog.csdn.net/weixin_46682277/article/details/116927459

版权

jQuery 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

当给一个元素绑定好一个事件后，不需要触发该事件就会自动触发，我们有三种方式可以做。
第一种方式是元素.事件()。比如元素.click() 元素.mouseover()等；
第二种和第三种都是jQuery封装的方法：trigger()和triggerHandler()。

<div></div>
<input type="text" name="" id="">
<script>
$(function(){
	// 只要文本框得到焦点 就写入文字：你好~
	$("input").on("focus",function(){
	$(this).val("你好~");
	})
	// 自动触发事件1：元素.click() 不会触发元素的默认行为 会有光变闪烁
	// $("input").focus();
	// 自动触发事件2：元素.trigger("事件") 也会触发元素的默认行为 会有光变闪烁
	// $("input").trigger("focus");
	// 自动触发事件3：元素.triggerHandler("事件") 不会触发元素的默认行为 不会有光变闪烁
	$("input").triggerHandler("focus");
})
</script>