javascript - jquery的trigger触发多次是什么原因？
本文介绍了javascript - 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> 相关截图
解决方案
stackoverflow有人问过这个问题，可以参考下参考连接
我测试了下,添加了阻止默认行为可以得到正确结果
$(document).ready(function(){
$("input").select(function(e){
e.preventDefault()
$("input").after("文本被选中！");
});
$("button").click(function(){
$("input").trigger("select");
});
});这篇关于javascript - jquery的trigger触发多次是什么原因？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
