开发者社区> 问答> 正文

jquery的trigger触发多次是什么原因?

描述你的问题
为什么button,点击一次,内容会同时出现3次?原理是什么?
贴上相关代码

<html>

<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("input").select(function(){
    $("input").after("文本被选中!");
  });
  $("button").click(function(){
    $("input").trigger("select");
  });
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
</body>
</html>

相关截图
screenshot

展开
收起
小旋风柴进 2016-05-30 13:58:40 3166 0
1 条回答
写回答
取消 提交回答
  • 我测试了下,添加了阻止默认行为可以得到正确结果

    $(document).ready(function(){
      $("input").select(function(e){
         e.preventDefault()
        $("input").after("文本被选中!");
      });
      $("button").click(function(){
        $("input").trigger("select");
      });
    2019-07-17 19:20:29
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载