jQuery 監聽修改文字框事件

2021-08-21 16:53:20 字數 700 閱讀 3376

在開發中,有時我們需要對 input 的 value 值變化作實時響應。比如文字輸入框的實時字數統計功能,要求文字框內容改變時就要觸發相關的統計行為。不管這個內容是鍵盤輸入的,還是滑鼠貼上進來的。

1,實現原理

要實現內容實時監聽響應,我們需要用到兩個監聽事件:oninput 事件和 propertychange 事件

(1)oninput

這個是標準瀏覽器的事件,一般瀏覽器都支援。當 input 的 value 發生變化時就會發生,無論是鍵盤輸入還是滑鼠貼上的改變都能即時監聽到。

原文:jquery - 監聽input元件的內容改變,並進行實時響應

(2)propertychange

由於 ie9 以下是不支援的 oninput 事件。這個時候就要用到ie專有的 propertychange 事件。顧名思義,翻譯過來叫屬性變更事件。 這個事件就比較強大了,不僅僅會監聽到 input 的value 屬性,還包括其他的標籤屬性。各種屬性發生變化都會產生該事件,比如 span 元素的 style 屬性改變。同時在事件發生時還可以用 event.propertyname 訪問到改變的屬性名。

2,樣例演示

下面使用 jquery 做乙個字數實時統計功能。當文字框內容改變時,下方會實時統計出當前的字數。

原文:jquery - 監聽input元件的內容改變,並進行實時響應

jquery 文字框回車與change事件

文字框的改變用change事件 要用bind,兩個是有區別的,change只是在失去焦點的時候出發,很多時候不能滿足需要。如下 flowfromid bind propertychange function 補充還有一些像 txtemail trigger focus 預設時文字框獲得焦點 txte...

監聽flash文字框輸入

url color 333399 com color url 發一下!例項很簡單 重點是乙個監聽,as2裡很重要的就是監聽,但從群裡的提問可以看出來還是有很多人不了解監聽。下面我們開始看 吧 var ti ti 是我在舞台上的乙個textinput ti.maxchars 6 var listene...

文字框監聽事件blur 的簡單使用

場景描述 在做編輯功能的時候,經常要判斷編碼,或者密碼之類的是否已經被使用,以前自己做的時候,經常都是在提交了之後才判斷的,到現在,才發現,這樣做的使用者體驗不好,完美一點的做法就是當此文字框失去焦點的時候,就直接給出提示,通過blur 來實現,上 html js code blur functio...