jQuery的 trigger()与triggerHandler()方法

最新推荐文章于 2021-05-30 10:32:06 发布

原创最新推荐文章于 2021-05-30 10:32:06 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JQuery #trigger

javaScript/jQuery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了jQuery中的trigger()和triggerHandler()方法的区别。trigger()方法触发指定事件并执行所有绑定到该事件的处理函数，同时触发表单元素的默认行为；而triggerHandler()仅触发事件处理函数而不执行默认行为。通过示例代码展示了两种方法的应用场景。

jQuery的 trigger()方法能触发相应元素的指定事件，而triggerHandler()方法直接使指定的事件发生（不触发事件本身）。

例如指定‘select’事件时，trigger(‘select’)使得元素内容被select（随后自然触发为select绑定的事件）,riggerHandler('select')直接使为元素指定的select事件发生，但不会执行浏览器默认动作，也不会产生事件冒泡,即元素本身并不出现选中效果。

另外与trigger() 不同的是，triggerHandler()只影响第一个匹配上的元素。

$(function(){	
	$('#articleDemo').select(function(){
		$('#demoPlace').append('！！第一个被选中了！！');		
	});
	$('#articleDemo_copy').select(function(){
		$('#demoPlace').append('。。第二个被选中了。。');		
	});
	$('#articleDemo2').click(function(){
		$('.articleDemo1').trigger('select');
	});
	$('#articleDemo3').click(function(){
		$('.articleDemo1').triggerHandler('select');
	});	
});