input事件(主要使用)select事件Change 事件(主要使用)reset 事件,submit 事件表单事件是在使用表单元素及输入框元素可以监听的一系列事件 input事件(主要使用)select事件Change事件reset事件submit事件 input事件(主要使用)input事件当、、的值发生变化时触发。对于复选框(<input type=checkbox>)或单选框(<input type=radio>),用户改变选项时,也会触发这个事件<br />input事件的一个特点,就是会连续触发,比如用户每按下一次按键,就会触发一次input事件。<pre><code class="lang-javascript">var username = document.getElementById("username"); username.oninput = function(e){ console.log(e.target.value); //value是获取输入框中的数据的 } </code></pre> <a name="Ntpmt"></a><h3 id="9muxzo"><a name="9muxzo" class="reference-link"></a><span class="header-link octicon octicon-link"></span>select事件</h3>select事件当在<input>、<textarea>里面选中文本时触发 <a name="Mmpkx"></a><h3 id="1ay71d"><a name="1ay71d" class="reference-link"></a><span class="header-link octicon octicon-link"></span>Change 事件(主要使用)</h3>Change事件当<input>、<select>、<textarea>的值发生变化时触发。它与input事件的最大不同,就是不会连续触发,只有当全部修改完成时才会触发(当在输入框中修改内容后,回车或者失去焦点才会触发) <a name="WcAbB"></a><h3 id="c1jyh6"><a name="c1jyh6" class="reference-link"></a><span class="header-link octicon octicon-link"></span>reset 事件,submit 事件</h3>这两个事件发生在表单对象<form>上,而不是发生在表单的成员上。<br />reset事件当表单重置(所有表单成员变回默认值)时触发。<br />submit事件当表单数据向服务器提交时触发。注意,submit事件的发生对象是<form>元素,而不是<button>元素,因为提交的是表单,而不是按钮</li></ol>