jquery - triggerHandler() 影响所有匹配的元素

Question

关注w3schools

The triggerHandler() method is similar to the trigger() method. Except that it does not trigger the default behavior of an event (like form submission) and it only affects the first matched element.

但是我用 2 个输入标签进行测试并使用

$("input").triggerHandler("select");

那么他们两个都会受到影响。这是我的代码:

HTML:

<input type="text" name="FirstName" value="Hello World" />
<input type="text" name="FirstName" value="Hello" />

JavaScript:

$(document).ready(function(){
  $("input").select(function(){
    $("input").after(" Input select event occured!");
  });
  $("button").click(function(){
    $("input").triggerHandler("select");
  });
});

Live Copy on jsFiddle

Answer 1

该事件仅在第一个元素上触发。不过，当发生这种情况时，您的代码将输出两行:

$("input").after(" Input select event occured!");

该行运行一次，会将文本附加到所有匹配的input 元素之后。由于有两个匹配的元素，因此即使该事件仅针对第一个元素触发，您也会看到该行两次。

只需将这一行更改为

$(this).after(" Input select event occured!");

...您将看到输出仅附加在触发事件的元素之后。 Live Copy ，只需进行上述更改并删除在页面上包含 MooTools 的选项即可。