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();文本框失去焦点