輸入元素的輸入與變更事件
HTML 中的輸入元素允許使用者輸入和編輯文字。它支援兩個事件處理程序:更改和輸入。這兩個事件都會在元素的文字內容被修改時觸發,但它們的行為有細微的差別。
'input' 事件
input 事件發生在每當對元素的文字內容進行任何更改,包括:
它通常用於動態驗證輸入資料並向使用者提供即時回饋。
'change' 事件
The當元素內容變更後元素失去焦點時,會發生變更事件。換句話說,在觸發更改事件之前,使用者必須同時修改文字並將焦點移離元素。
除了失去焦點之外,更改事件還可能由以下方式觸發:
jQuery 中的使用
您可以使用jQuery 將事件偵聽器附加到輸入元素,如下所要求所顯示:
事件排序
當輸入和更改時事件附加到相同元素,它們將按以下順序觸發:
此行為允許您使用輸入事件處理即時更改,並在元素因更改事件失去焦點時執行操作.
示例
以下示例演示了輸入事件和更改事件之間的區別:
在文字輸入中鍵入內容或選擇文字時下拉清單中的選項,您將看到以下輸出:
請注意,每次按鍵或字元變更都會觸發輸入,而只有在失去焦點時才會觸發變更。
以上是輸入元素的「輸入」和「更改」事件之間有什麼區別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!