jQuery事件-表單事件

表單在HTML中的應用是不少的。

頁面在加載時會觸發load事件，當用戶單機某個按鈕時，會觸發該按鈕的click事件，事件在元素對象與功能代碼中起着重要做用。

事件在觸發以後分爲兩個階段，一個是捕獲，兩一個是冒泡。可是大多數瀏覽器並非都支持捕獲事件，jQuery也不支持。所以事件觸發後每每執行冒泡過程。所謂的冒泡實質就是事件執行中的順序。

經過下面的一個例子來更加深入的認知冒泡過程

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
    $(function() {
        var count = 0;
        $("body,div,input").click(function(){
            count++;
            $("p").html("歡迎點擊，").append("<span>執行次數："+count+"</span>");
        });
    });
</script>
<h3>點擊開始按鈕執行</h3>
<div>
    <input type="button" value="開始" />
</div>
<p>

</p>

從上面的代碼能夠看出，代碼中的js部分實現的是當鼠標點擊body、div或者按鈕的時候會在頁面中顯示出歡迎點擊，而且計算了執行的次數。鼠標點擊開始按鈕，執行後的結果以下圖所示：

從圖中能夠看出，當鼠標點擊開始按鈕以後，顯示的執行次數是3次，明明只點擊了一次開始按鈕，爲何會執行三次代碼呢？由於在事件執行過程當中存在冒泡現象，單機按鈕以後，按鈕的點擊事件觸發，接着向外圍冒泡，因此外圍的div元素事件也會觸發，body事件也跟着觸發。整個事件的波及過程就像是冒水泡同樣往外冒，稱爲冒泡過程。

表單應用

表單在網頁中佔有十分重要的地位

文本框中的事件應用

focus();文本框獲取焦點，當文本框得到焦點時執行某些動做。

blur();文本框失去焦點