您的位置：首页 > Web前端 > JQuery

Jquery中trigger和triggerHandler的区别

2016-01-25 15:32 507 查看
原文地址：Jquery中trigger和triggerHandler的区别作者：IT徐胖子

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<style type="text/css">

*

{

font-size: 12px;

}

</style>

<title>Triggle与TriggleHandler</title>

<script src="jquery-1.4.2.min.js"type="text/javascript"></script>

<script type="text/javascript">

$(function() {

$("#txtContent").focus(function() {

$("#dv").html($("#dv").html() + "focus被触发。");

});

$("#btnTrigger").click(function() {

$("#txtContent").trigger('focus');

return false;

});

$("#btnTriggerHandler").click(function() {

$("#txtContent").triggerHandler('focus');

 });

});

</script>

</head>

<body>

<form id="myForm" action="">

<input type="text" id="txtContent" name="txtContent"size="20" />

<input type="button" id="btnTriggerHandler"name="btnTriggerHandler" value="TriggerHandler"/>

<input type="button" id="btnTrigger"name="btnTrigger" value="Trigger" />

<div id="dv">

</div>

<p>

①使用Trigger时会先触发我们绑定的focus 事件，然后文本框会获得焦点，之后触发了浏览器默认的

focus事件，所以trigger会有两次输出。<br />

②TriggerHandler 相对于 Trigger 只会触发我们绑定的focus，而不会触发浏览器的默认事件.所以

只会有一次输出

</p>

</form>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航