Rumah > Artikel > hujung hadapan web > jquery的trigger和triggerHandler的区别示例介绍

jquery的trigger和triggerHandler的区别示例介绍

巴扎黑asal: 2017-06-25 13:59:171034semak imbas

这篇文章主要介绍了jquery的trigger和triggerHandler的区别,需要的朋友可以参考下

trigger 和triggerHandler都是模拟事件发生的用具体的案例来描述一下区别

代码如下:

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>test</title> 
<script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 
<input type="checkbox" /> 
<input type="text" id="test"/> 
<input type="button" value="button" id="bnt" 
onclick
="bntClick()"/> 
</body> 
<script> 
$( 
document
 ).ready(function() { 
$("input[type=&#39;checkbox&#39;]").bind("click",function(){ 
$("#test").val("www.baidu.com"); 
}); 
}); 
function bntClick(){ 
$("input[type=&#39;checkbox&#39;]").trigger("click"); 
} 
</script> 
</html>

当点击 checkbox的时候 checkbox勾上并将input[type='text']赋值www.baidu.com
当点击 input[type='button'] 的时候就会发生跟点击checkbox同样的事情
将trigger换成triggerHandler时候当点击 input[type='button'] 的时候就只会给input[type='text']赋值而不会勾选checkbox
triggerHandler 阻止了绑定事件的元素的默认行为

Atas ialah kandungan terperinci jquery的trigger和triggerHandler的区别示例介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JQuery通过简单示例比较trigger()与triggerHandler()的区别Artikel seterusnya：jQuery.triggerHandler() 函数详解

Artikel berkaitan

Lihat lagi