輸入框事件監聽 三 blur與change的差異

2021-09-17 22:13:15 字數 684 閱讀 1467

首先給大家分享乙個巨牛巨牛的人工智慧教程,是我無意中發現的。教程不僅零基礎,通俗易懂,而且非常風趣幽默,還時不時有內涵段子,像看**一樣,哈哈~我正在學習中,覺得太牛了,所以分享給大家!點這裡可以跳轉到教程

blur與change事件在絕大部分的情況下表現都非常相似,輸入結束後,離開輸入框,會先後觸發change與blur,唯有兩點例外。

在這種情況下,輸入框並不會觸發change事件,但一定會觸發blur事件。在判斷表單的修改狀態時,這種差異會非常有用,通過change事件能輕易地找到哪些字段發生了變更以及其值的變更軌跡。

這種情況是指,在沒有失焦的情況下,在輸入框內進行返回的刪除與輸入操作,但最終的值與原值一樣,這種情況下,keydown、input、keyup、blur都會觸發,但change依舊不會觸發。

瀏覽人工智慧教程

blur與change事件在絕大部分的情況下表現都非常相似,輸入結束後,離開輸入框,會先後觸發change與blur,唯有兩點例外。

在這種情況下,輸入框並不會觸發change事件,但一定會觸發blur事件。在判斷表單的修改狀態時,這種差異會非常有用,通過change事件能輕易地找到哪些字段發生了變更以及其值的變更軌跡。

這種情況是指,在沒有失焦的情況下,在輸入框內進行返回的刪除與輸入操作,但最終的值與原值一樣,這種情況下,keydown、input、keyup、blur都會觸發,但change依舊不會觸發。

輸入框監聽鍵盤事件

鍵盤按鍵的主要事件有focus,keydown keypress keyup input onchange blur keydown 當使用者按下鍵盤上的任意鍵 除了prtsc 時觸發,如果按住不放的話,會重複觸發此事件 keypress 當使用者按下鍵盤上的字元鍵 字母 數字 符號 回車空格 時觸...

迴圈監聽輸入框回車事件

1.第一種簡單寫法 function getkey function getkey2 function getkey3 function getkey4 使用者名稱 input type text name username id username onkeypress getkey input b...

下拉框click事件與搜尋框blur事件的愛恨糾葛

參會單位聯想 input name company name bind input propertychange function datatype jsonp success function res company list html str this parent addclass layui...