根據搜尋input框內容，粗略匹配資料顯示

顯示的資料 filterlist 寫在計算屬性當中 只要資料發生變化，就會引起資料的變化

filterlist()

//不進行實時更新，只有按下button按鈕時候才進行匹配  
//所以 將input框裡的內容重新賦值給乙個變數
//（ this.selectinputchange = this.selectinput 輸入框內容）if(
this
.selectinputchange.
trim()
!=='')}
this
.selectinputchange =
''// 會影響第二次的內容輸入內容更新
return arr
}return arr
},

input實時監聽文字框內容

在做搜尋時經常會用到我們需要監聽input input on keydown function 因為keydown事件處理函式中立即獲取文字框中的內容，通常會有乙個字元的偏差 他是在鍵盤按下瞬間觸發所以基本不用這個方法，html5新增屬性input 非常nice input on input fun...

Input輸入框內容限制

輸入大小寫字母 數字 下劃線 input type text onkeyup this.value this.value.replace w g,輸入小寫字母 數字 下劃線 input type text onkeyup this.value this.value.replace a z0 9 g,...

input輸入框內容規範正則總結

input type text只能輸入數字 去掉e和小數點 34 event.keycode 40 event.keycode 46 參考 added in 20200813 輸入大小寫字母 數字 下劃線 輸入小寫字母 數字 下劃線 輸入數字和點 輸入中文 輸入數字 輸入英文 輸入中文 數字 英文 ...