JS,JQ及時監聽input值的變化,MUI的input搜索框里的清除按鈕的點擊監聽事件


JS:

document.getElementById("input對象的ID").addEventListener('input',function(){
    console.log("aaaaa");
});

JQ:

$("input對象").on("input  propertychange",function(){
   console.log($(this).val());
});

   這個也適用與textarea標簽的內容的及時監聽,只需要把對象名改變就行了,其它不用變。

MUI 清除按鈕的點擊的監聽:

mui('input對象')[0].addEventListener('focus', function(){
     mui(".mui-icon-clear")[0].addEventListener('tap',function(){
       console.log("aaaaa");
     });
})

  說明:因為MUI搜索框里自帶的清除按鈕是當input框focus,即input獲取焦點的時候才出現的,如果不要input的focus監聽事件,那么清除按鈕的點擊事件是不會監聽到的。

     我覺得是因為清除按鈕,下面的那個span是文檔加載完之后,MUI的js加載進去的,所以當不先監聽input的focus事件的時候,清除按鈕的監聽事件是找不到那個DOM對象的,所以就會報這樣的錯誤。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM