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監...