JQuery trigger与triggerHandler的区别

最新推荐文章于 2024-08-28 13:50:33 发布

Lirongbo_Joe

最新推荐文章于 2024-08-28 13:50:33 发布

阅读量1k

点赞数

文章标签： jquery function input button 浏览器 html

本文链接：https://blog.csdn.net/Lirongbo_Joe/article/details/6450096

版权

JQuery两个触发绑定事件方法，trigger与triggerHandler的区别，不解释，自己看例子....

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Insert title here</title>
  <script type="text/javascript" src="Scripts/jquery-1.3.2.min.js"></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>

Lirongbo_Joe

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
JQuery trigger与triggerHandler的区别

<br />JQuery两个触发绑定事件方法，trigger与triggerHandler的区别，不解释，自己看例子....<br /><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><br /><html><br /> <head><br /> <meta http-equiv="Content-Type" content="text/html; c
复制链接

扫一扫