最新的Web開發教程
 

oninput事件

<事件對象

執行一個JavaScript當用戶在寫東西<input>字段:

<input type="text" oninput="myFunction()">
試一試»

定義和用法

當元件獲取的用戶輸入時發生oninput事件。

當的值時發生此事件<input><textarea>元素被改變。

提示:此事件是類似的onchange事件。 所不同的是,當元件失去焦點的內容已被改變之後,而電平變化時,產生一個事件oninput一個元素的值已改變之後立即。 另一區別是,onchange事件也適用於<keygen><select>元素。


瀏覽器支持

在表中的數字規定,完全支持該事件的第一個瀏覽器版本。

事件
oninput 9 4 5

句法

在HTML:

在JavaScript:

object .oninput=function(){ 試一試»

在JavaScript中,使用addEventListener()方法:

object .addEventListener("input", myScript );
試一試»

注意: addEventListener()在Internet Explorer 8和更早版本不支持的方法。


技術細節

泡沫:
取消: 沒有
事件類型: 事件
支持的HTML標籤: <INPUT TYPE =“彩色”>,<INPUT TYPE =“日期”>,<INPUT TYPE =“日期時間”>,<INPUT TYPE =“電子郵件”>,<INPUT TYPE =“月”>,<INPUT TYPE =“號碼“>,<INPUT TYPE =”密碼“>,<INPUT TYPE =”範圍“>,<INPUT TYPE =”搜索“>,<INPUT TYPE =”電話“>,<INPUT TYPE =”文本“>,<輸入類型=“時間”>,<INPUT TYPE =“URL”>, <input type="week"><textarea>
DOM版本: 3級事件

<事件對象