JS實現的文字框內容發生改變立馬觸發事件簡介

2021-07-23 19:37:56 字數 329 閱讀 6180

onchange事件:

此事件會在元素內容發生改變(由鍵盤或者滑鼠事件激發,指令碼觸發無效),且失去焦點的時候觸發。

瀏覽器支援度較好。

onpropertychange事件:

此事件會在元素內容發生改變時立即觸發,即便是通過js改變的內容也會觸發此事件。

元素的任何屬性改變都會觸發該事件,不止是value。但它是ie專屬的。

只有ie11以下瀏覽器支援此事件。

oninput事件:

此事件會在value屬性值發生改變時觸發,通過js改變value屬性值不會觸發此事件。

只有ie8以上或者谷歌火狐等標準瀏覽器支援。

JS案例 顯示隱藏文字框內容

doctype html en utf 8 viewport content width device width,initial scale 1.0 x ua compatible content ie edge document title input style head text value...

html的判斷文字框內容舉例

在很多情況下,我們都需要登陸 註冊等,如果輸入的東西不符合要求,那麼就會無法提交資料內容。我們這次的介面設計裡面用到了這個,覺得有用拿來看看。序號 這裡的pattern裡面是正規表示式規則,是在text裡面輸入符合規則的資料,這個簡單的就是輸入的資料必須是0到9數字。管理者 儲存這個是用到了jsp,...

js實時監聽文字框內文字的變化

請在這裡檢視示例 remainword示例 具體說明請看上面示例,相容性 ie8 方法1 使用input和propertychange監聽文字內容變化 輸入內容 問題 ie9刪除內容時不會觸發 方法2 使用change監聽文字內容變化 輸入內容 問題 鍵盤輸入時不會觸發 方法3 使用keydown監...