更加多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jQuery拖拽特效与手艺计算》、《jQuery扩大技艺总计》、《jQuery常见卓越特效汇总》、《jQuery动画与特作用法计算》、《jquery采纳器用法计算》及《jQuery常用插件及用法总括》

jquery trigger函数实施四次的消除办法,jquerytrigger

本文实例呈报了jquery
trigger函数推行四遍的缓慢解决办法。共享给大家供大家参谋,具体如下:

一、难题如下:

有如下代码:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
*{margin:0;padding:0;}    
body { font-size: 13px; line-height: 130%; padding: 60px; }
p {width:200px;background:#888;color:white;height:16px;}
</style>
<script src="jquery-1.6.4.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
  $('#old').bind("click", function(){
        $("input").trigger("focus");
    });
    $('#new').bind("click", function(){
      $("input").triggerHandler("focus");
    });
    $("input").focus(function(){
  $("body").append("<p>focus.</p>");
})
});
</script>
</head>
<body>
<button id="old">trigger</button>
<button id="new">triggerHandler</button>
<input />
</body>
</html>

此间的函数:

$('#old').bind("click", function(){
$("input").trigger("focus");
});

在火狐只触发三回,即出口三个focus;

但是在ie触发了一遍,即同时输出了多个focus;

二、消除方法:

第一深入分析一下trigger和triggerHandler。使用triggerHandler不会触发浏览器的私下认可事件,不会时有发惹祸件冒泡(别的差异看jQuery文书档案)。关于这些bug的
ticket。关于那几个难题的
commit。jQuery自个儿达成了一个event对象用于缓慢解决浏览器间的分化难题。但是由于有mouseenter/mouseleave等非标准事件的存在,jQuery引进了special事件的子系统,让原惹事件回到模拟事件的风浪列队中,但是这些系统并无法缓慢解决全部失常态,当使用trigger.focus时,IE下会错误地进行三次回调。

triggerHandler是对trigger发生这种问题的消除形式。但是利用triggerHandler时你会意识input是未有光标focus效果的。

图片 1

早先化解方法:

除去用triggerHandler另八个办法是在focus绑定事件中加上:

event.preventDefault()

唯独您意识那不符合我们的冀望啊,因为focus事件回调实践了,然则连个focus效果都未曾。

最后消除办法:

既然是jQuery封装的涉及,那大家用原生的风云就足以了。看演示,右侧是用原生事件触发的,侧面用triggerHandler。

$('input')[0].focus();

图片 2

越来越多关于jQuery相关内容感兴趣的读者可查看本站专项论题:《jQuery拖拽特效与手艺计算》、《jQuery扩充技巧总计》、《jQuery常见杰出特效汇总》、《jQuery动画与特功用法计算》、《jquery选择器用法总计》及《jQuery常用插件及用法总计》

希望本文所述对我们jQuery程序设计有所帮忙。

你或者感兴趣的篇章:

  • jQuery中trigger()方法用法实例
  • jquery
    trigger伪造a标签的click事件代表window.open方法
  • jQuery如何使用机动触发事件trigger
  • jquery的trigger和triggerHandler的区分示例介绍
  • jquery中trigger()无法触发hover事件的化解措施
  • jquery
    trigger函数试行五回的化解办法
  • jQuery
    trigger()方法用法介绍
  • jQuery中trigger()与bind()用法剖析
  • jQuery中triggerHandler()方法用法实例
  • jQuery中值得注意的trigger方法浅析

jquery trigger完结联合浮动的主意,jquerytrigger

正文实例汇报了jquery
trigger完毕联合浮动的措施。分享给大家供大家参谋,具体如下:

<html>
<head>
<title>testing</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
  $("#Provinces").change(function (e,cityValue) {
    if ($(this).val() == "1") {
      $("#City").html("<option value='1' >长沙</option><option value='2' >衡阳</option>");
    } else {
      $("#City").html("<option value='1' >武汉</option><option value='2' >襄阳</option>");
    }
    if (typeof (cityValue) != "undefined") {
      $("#City").val(cityValue);
    }
  });
});
function test() {
  $("#Provinces").val("2");
  $("#Provinces").trigger("change","2");
}
</script>
</head>
<body>
  省:
  <select id="Provinces" >
    <option value="1" >湖南</option>
    <option value="2" >湖北</option>
  </select><br />
  市:
  <select id="City">
    <option value="1" >长沙</option>
    <option value="2" >衡阳</option>
  </select><br />
  <input type="button" value="设置成湖北襄阳" onclick="test()" />
</body>
</html>

显然, trigger 是异步的, 在其背后实践的代码或许会跑到它前边去实行,
上边的代码就幸免了那或多或少。

越多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jQuery拖拽特效与技巧计算》、《jQuery扩充技巧计算》、《jQuery常见杰出特效汇总》、《jQuery动画与特功能法总计》、《jquery接纳器用法计算》及《jQuery常用插件及用法总计》

企望本文所述对我们jQuery程序设计具备帮助。

此地的函数:

您大概感兴趣的稿子:

  • jquery trigger完结联合浮动的点子
  • jQuery中trigger()与bind()用法深入分析
  • jQuery如何使用电动触发事件trigger
  • jquery中trigger()无法触发hover事件的消除格局
  • jQuery中triggerHandler()方法用法实例
  • jQuery中trigger()方法用法实例
  • jQuery trigger()方法用法介绍
  • jquery trigger伪造a标签的click事件代表window.open方法
  • jquery的trigger和triggerHandler的界别示例介绍

trigger函数试行两遍的消除措施,jquerytrigger 本文实例汇报了jquery
trigger函数施行五遍的消除方法。分享给大家供大家参照他事他说加以考察,具体如下:…

本文实例陈述了jquery
trigger实现联合浮动的点子。分享给大家供大家参谋,具体如下:

你只怕感兴趣的稿子:

  • jQuery中trigger()与bind()用法深入分析
  • jQuery怎样使用机动触发事件trigger
  • jquery中trigger()不只怕触发hover事件的消除方法
  • jQuery中triggerHandler()方法用法实例
  • jQuery中trigger()方法用法实例
  • jQuery trigger()方法用法介绍
  • jquery trigger伪造a标签的click事件代表window.open方法
  • jquery的trigger和triggerHandler的界别示例介绍
  • jquery trigger函数试行四次的减轻措施

trigger达成联动的不二等秘书技,jquerytrigger
本文实例呈报了jquery
trigger完成联合浮动的格局。分享给大家供大家参谋,具体如下:
htmlheadtitletesting…

$('input')[0].focus();
<html>
<head>
<title>testing</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
  $("#Provinces").change(function (e,cityValue) {
    if ($(this).val() == "1") {
      $("#City").html("<option value='1' >长沙</option><option value='2' >衡阳</option>");
    } else {
      $("#City").html("<option value='1' >武汉</option><option value='2' >襄阳</option>");
    }
    if (typeof (cityValue) != "undefined") {
      $("#City").val(cityValue);
    }
  });
});
function test() {
  $("#Provinces").val("2");
  $("#Provinces").trigger("change","2");
}
</script>
</head>
<body>
  省:
  <select id="Provinces" >
    <option value="1" >湖南</option>
    <option value="2" >湖北</option>
  </select><br />
  市:
  <select id="City">
    <option value="1" >长沙</option>
    <option value="2" >衡阳</option>
  </select><br />
  <input type="button" value="设置成湖北襄阳" onclick="test()" />
</body>
</html>

图片 3

可望本文所述对大家jQuery程序设计有着援救。

图片 4

综上说述, trigger 是异步的, 在其背后实践的代码大概会跑到它前边去奉行,
上边包车型客车代码就幸免了那或多或少。

可是在ie触发了两回,即同时输出了四个focus;

越多关于jQuery相关内容感兴趣的读者可查阅本站专项论题:《jQuery拖拽特效与技术计算》、《jQuery扩大本领总括》、《jQuery常见卓绝特效汇总》、《jQuery动画与特成效法总计》、《jquery选择器用法计算》及《jQuery常用插件及用法计算》

admin

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注