jQuery triggerHandler() 方法

定义和用法

triggerHandler() 方法触发被选元素上指定的事件。

该方法的返回的是事件处理函数的返回值，而不是具有可链性的 jQuery 对象。此外，如果没有处理程序被触发，则这个方法返回 undefined。

该方法与 trigger() 方法类似，不同的是 trigger() 也触发事件的默认行为（比如表单提交）。

与 trigger() 方法相比的不同之处:

它不会引起事件（比如表单提交）的默认行为
trigger() 会操作 jQuery 对象匹配的所有元素，而 triggerHandler() 只影响第一个匹配元素。
由 triggerHandler() 创建的事件不会在 DOM 树中冒泡；如果目标元素不直接处理它们，则不会发生任何事情。

语法

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

参数

参数	描述
event	必需。规定指定元素上要触发的事件。
param1,param2,...	可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。

示例

下例演示了触发 <input> 元素的 select 事件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到蝴蝶教程</title>
    //此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            $("input").select(function(){
                $("input").after("select 事件触发！");
            });
            $("button").click(function(){
                $("input").triggerHandler("select");
            });
        });
    </script>
</head>
<body>
        <input type="text" value="Hello World">
        <button>点击触发输入框的 select 事件</button>
        <p>该方法与 trigger() 方法类似，不同的是 trigger() 也触发事件的默认行为（比如表单提交）。 </p>
</body>
</html>

尝试一下

jQuery triggerHandler() 方法

定义和用法

语法

参数

示例

相关页面