javascript - 使用 .trigger() 时追加多次

Question

为什么当我第一次点击该按钮时，该按钮会附加“文本标记”三次？然后，当我第二次单击该按钮时，它会两次附加相同的字符串。

非常感谢您的帮助。

$(document).ready(function(){
  $("input").select(function(){
    $("ul").append(" Text marked!");
  });
  $("button").click(function(){
    $("input").trigger("select");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<input type="text" value="Hello World"><br><br>
    
<button>Trigger the select event for the input field</button>
<ul></ul>

Answer 1

来自doc :

To trigger the event manually, apply .select() without an argument

$( "#other").click(function() {
  $( "#target" ).select();
});

所以试试这个:

<input type="text" value="Hello World"><br><br>

<button>Trigger the select event for the input field</button>
<ul></ul>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
        $("button").click(function(){
            $("input").select();
            $("ul").append(" Text marked!");
        });
    });
</script>

更新。如果你尝试

$(document).ready(function(){
    $("input").select(function(){
        alert("Text marked!");
    });
    $("button").click(function(){
        $("input").select();
    });
});

警报会出现 2 次，所以我认为原因是您有 2 个单词，每个单词都有事件触发器。