1. 程式人生 > >jQuery中利用keyup事件和判斷是否為漢字來實現動態搜尋

jQuery中利用keyup事件和判斷是否為漢字來實現動態搜尋

需求:有時候在做介面搜尋功能的時候,會想要根據使用者輸入的漢字來檢索出相應的內容。要求是動態的檢索,使用者每次輸入一個字或一個詞就會進行關鍵字模糊搜尋。

實現方法:如果直接使用文字框的keyup()事件的話,使用者在拼寫漢字的時候,每次輸入一個字母都會執行一次keyup()事件繫結的函式,不能達到只搜尋漢字的效果。所以要實現這一的功能,可以使用jQuery中文字框的"keyup()"事件,配合判斷使用者輸入是否為漢字來實現。

其中"keyWord"是文字框的id,第2行先獲得了文字框輸入的內容,第3行宣告一個變數,存放漢字的正則表示式,第4行使用test()判斷keyWord是否為漢字,如果是的話返回true,不是的話返回false。如果輸入的是漢字,那麼就可以使用ajax呼叫來實現動態搜尋功能了。

$("#keyWord").keyup(function(){
	var keyWord = $("#keyWord").val();
	var myReg = /^[\u4e00-\u9fa5]+$/;	//判斷漢字的正則表示式
          if (myReg.test(keyWord)) {	//輸入的是漢字
          	//ajax呼叫
          }
});