jQuery附带有trigger()函数,用于执行附加到元素的事件处理程序。 例如,
单击事件绑定到ID为“ button1”的按钮。
$("#button1").bind("click", (function () {
alert("Button 1 is clicked!");
}));
单击事件绑定到ID为“ button2”的按钮。 以及执行button1 click事件处理程序的触发器。
$("#button2").bind("click", (function () {
alert("Button 2 is clicked!");
$("#button1").trigger("click");
}));
单击button2时,警报消息“ Button 2被单击! 提示“,然后按button1警报消息” 单击 “ 按钮1! '。
自己尝试
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
</head>
<body>
<h1>jQuery trigger() example</h1>
<script type="text/javascript">
$(document).ready(function(){
$("#button1").bind("click", (function () {
alert("Button 1 is clicked!");
}));
$("#button2").bind("click", (function () {
alert("Button 2 is clicked!");
$("#button1").trigger("click");
}));
});
</script>
</head><body>
<input type='button' value='Button 1' id='button1'>
<input type='button' value='Button 2' id='button2'>
</body>
</html>
标签: jQuery jQuery事件处理程序
翻译自: https://mkyong.com/jquery/how-to-trigger-other-elements-event-handler-with-jquery/