change事件与select事件

 作者：老薛      撰写时间：2019年7月23日

change事件是jQuery表单事件。在<input>元素中，<textarea>和<select>元素的值都是可以发生改变的，开发者可以通过change事件去监听这些改变的动作。接下来我先说它的元素，它的元素分为三种：input元素、select元素、textarea元素。

1.input元素：

监听value值的变化，当有改变时，失去焦点后触发change事件。对于单选按钮和复选框，当用户用鼠标做出选择时，该事件立即触发。

2.select元素：

对于下拉选择框，当用户用鼠标作出选择时，该事件立即触发。

3.textarea元素：

多行文本输入框，当有改变时，失去焦点后触发change事件。

然后到input标签的change事件，大家先看下面这张截图1：

                                    图1

大家也看到图1，它里面的e为事件，事件是用来记录一些事件发生时的相关信息的对象。事件只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件就被销毁。

然后我们在到select事件，select事件也是jQuery表单事件。而它的定义为：当 textarea 或文本类型的 input 元素中的文本被选择时，会发生 select 事件。这个函数会调用执行绑定到select事件的所有函数，包括浏览器的默认行为。可以通过在某个绑定的函数中返回false来防止触发浏览器的默认行为。

select事件只能用于<input>元素与<textarea>元素。最后我们看下面这张截图2，也就是上面我所说select事件的内容：

                                         图2