使用 jQuery 的 trigger

撰寫 javascript 時，有時只是很單純的希望能夠在某些條件下，接下來要做的動作跟觸發某個按鈕一樣。其實重覆寫個一模一樣的程式並不是不行，只是違反了自己「懶」的原則。

在 jQuery 的線上文件裡，找到 trigger 這個事件，正巧是描述著可以透過程式去觸發某個控制項的事件。自己也順便練習了一下這個使用方法。

首先，在頁面放了兩個按鈕 btn1， btn2。分別會觸發 Do1() ，Do2()

<input id="btn1" type="button" value="btn1" onclick="Do1()" />
<input id="btn2" type="button" value="btn2" onclick="Do2()" />

<script language="javascript" src="js/jquery-1.3.2.js" type="text/javascript"></script>
    
    <script type="text/javascript">
    function Do1()
    {
        alert("是的!");
    }    
    
    function Do2()
    {
        alert('吃過飯了ㄇ？');
        
        $("#btn1").trigger('click');
    }
    </script>

在 Do1()，很簡單的只是 alert 一句話。而 Do2()裡，除了 alert 「吃過飯了ㄇ？」，還順便去觸發 btn1 原本的 click 事件。所以，當 user 壓下 btn2 時，就會依序跳出兩個訊息：「吃過飯了ㄇ？」，「是的!」

ref：http://docs.jquery.com/Events/trigger