jQuery triggerHandler()方法

jQuery triggerHandler() 方法是用来触发所选元素的指定事件。

语法:

$(selector).triggerHandler(event, param1, param2, ...)

参数：该方法接受上面提到的和下面描述的两个参数。

event。这是一个强制性的参数，用来指定触发指定元素的事件。
param1, param2, … : 这些是可选的参数，用来传递给事件处理程序，这些对于自定义事件特别有用。

例子1：这个例子触发了输入选择元素。

<!DOCTYPE html>
<html>
  
<head>
    <title>
        jQuery | triggerHandler() Method
    </title>
  
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
  
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>jQuery | triggerHandler() Method</h2>
    <input type="text" value="HELLO GEEKS">
    <br><br>
    <button>Click</button>
  
    <!-- Script to trigger event -->
    <script>
         $(document).ready(function () {$ ("input").select(function () {
                 $("input").after(" TRIGGERED!"); });$ ("button").click(function () {
                $("input").triggerHandler("select");
            });
        });
    </script>
</body>
  
</html>

输出:

jQuery triggerHandler()方法

例子2：这个例子触发段落事件并显示警告信息。

<!DOCTYPE html>
<html>
  
<head>
    <title>
        jQuery | triggerHandler() Method
    </title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
</head>
  
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>jQuery | triggerHandler() Method</h2>
    <button>Click</button>
  
    <!-- Script to trigger events -->
    <script>
         $(document).ready(function () {$ ("button").click(function () {
                 $("button").on("myPara", function (event,                     param1, param2, param3) {                     alert(param1 + "\n" + param2 + "\n" + param3);                 });$ ("button").triggerHandler("myPara",
                    ['GEEKS', 'FOR', 'GEEKS']);
            });
        });
    </script>
</body>
  
</html>

输出:

jQuery triggerHandler()方法