javascript - jquery的trigger触发多次是什么原因？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - jquery的trigger触发多次是什么原因？

ringa_lee 2017-04-10 17:06:01

[JavaScript讨论组]

418

描述你的问题
为什么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>

相关截图

案例地址:
http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_trigger

ringa_lee

全部回复(1)

PHP中文网2017-04-10 17:08:01 1楼

stackoverflow有人问过这个问题，可以参考下参考连接

我测试了下,添加了阻止默认行为可以得到正确结果

$(document).ready(function(){
  $("input").select(function(e){
     e.preventDefault()
    $("input").after("文本被选中！");
  });
  $("button").click(function(){
    $("input").trigger("select");
  });
});