定义和用法
trigger() 方法触发被选元素的指定事件类型。
触发事件
规定被选元素要触发的事件。
语法
$(selector).trigger(event,[param1,param2,...])
参数 | 描述 |
---|---|
event | 必需。规定指定元素要触发的事件。 可以使自定义事件(使用 bind() 函数来附加),或者任何标准事件。 |
[param1,param2,...] | 可选。传递到事件处理程序的额外参数。 额外的参数对自定义事件特别有用。 |
使用 Event 对象来触发事件
规定使用事件对象的被选元素要触发的事件。
语法
$(selector).trigger(eventObj)
参数 | 描述 |
---|---|
eventObj | 必需。规定事件发生时运行的函数。 |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#button1').click(function(){
alert('button1');
$('#button2').trigger('click'); //点击1的时候,触发2
});
$('#button2').click(function(){
alert('button2');
$("#button3").trigger("myEvent", ["Hello","World!"]);
});
$("#button3").bind("myEvent", function (event, message1, message2)
{ //自定议事件myevent
alert(message1 + ' ' + message2);
});
});
</script>
</head>
<body style="text-align:center;">
<div style="margin-top:130px;">
<button id='button1'>click1</button>
<button id='button2'>click2</button>
<button id='button3'>click3</button>
</div>
</body>
</html>
转载于:https://blog.51cto.com/unclecat/1861011