定义和用法

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>