使用juery監聽Input輸入的變化,并且封裝起來,如下:

// html <input type="text" id=‘myinput1’ /> // js function formOnById(id){let dom = '#' + id;$(dom).bind('input propertychange',()=>{let item = $(dom).val;console.log(item);} } formOnById('myinput1'); // 以上代碼監聽input id='id',的輸入框的變化.并打印出input中的值到控制臺

問題在于,有時候這樣監聽會很危險
因為在項目中,有時候dom是動態更新的,即:在監聽的時候,input并沒有出來.此時的監聽是無效的…

// 舉個栗子 // html<div ng-if="showInput"><input type="text" id="myinput1' /></div>// 此時調用上面的函數,監聽輸入是監聽不到的,,,// 可以考慮使用setTimeout函數,延遲監聽(0.3秒左右,用戶感應不到)..setTimeout(() =>{formOnById('myinput1');}, 0.3 *1000);

注:以上只是提供一個監聽失效的思路,僅供參考,若有錯誤歡迎指出.

總結

以上是生活随笔為你收集整理的jquery --- 监听input框失效的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。