jQuery triggerHandler() 方法详解与实战

jQuery triggerHandler() 方法概述

本文通过具体实例解析jQuery中triggerHandler()方法的使用方式，供读者参考学习。

该方法用于触发选定元素上指定的事件类型。虽然它与trigger()在功能上看似相近，但两者存在显著差异，主要区别如下：

第一，该方法不会触发浏览器的默认事件行为。第二，它仅触发jQuery对象集合中第一个元素的事件处理函数，且不会引发事件冒泡。第三，其返回值是事件处理函数的执行结果，而非具备链式调用能力的jQuery对象。

语法结构与参数说明

语法结构如下：

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

参数说明：

实例代码演示

具体实例代码展示如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>本站</title>
<style type="text/css">
div{
width:200px;
height:200px;
border:1px solid blue;
}
}
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("div").click(function(){
  }); 
$("div").append("本站");
$("button").click(function(){
  }) 
}) 
$("div").triggerHandler("click");
});
});
});
</script>
</head>
<body>

<div></div>