input實(shí)時監(jiān)聽輸入

input根據(jù)實(shí)時輸入的值進(jìn)行內(nèi)容檢索是常見的業(yè)務(wù)場景衷咽,但使用change宫静,或者keypress等事件綁定在遇到復(fù)制粘貼的時候則不會觸發(fā)事件的發(fā)生口蝠,無法做到實(shí)時監(jiān)聽镣陕。解決的方法就是同時使用input propertychange事件進(jìn)行綁定。例:

    $('input').on('input propertychange',function(){
});

但該方法有一個問題渗饮,就是當(dāng)我們使用中文輸入的時候但汞,比如我要打一個”好“字,在我敲鍵盤‘H’鍵的時候互站,事件就已經(jīng)觸發(fā)了私蕾,而我們需要的是,但我完整地敲完‘hao’之后胡桃,選擇了”好“字踩叭,之后才觸發(fā)事件執(zhí)行。這里提供個人的一個思路翠胰,就是在事件觸發(fā)之后容贝,對輸入值進(jìn)行中文驗(yàn)證,如果為true亡容,說明我已經(jīng)輸入了一個完整的中文字符嗤疯,也就是可以進(jìn)行檢索(其他程序)了。

    $('input').on('input propertychange',function(){
         var $this_val = $(this).val();  
            var re = /^[\u4e00-\u9fa5]+$/;  //中文的正則表達(dá)式
            if(re.test($this_val)){
                ...
            }
});

另外闺兢,該方法也有一種情況下不會被觸發(fā)茂缚,那就是動態(tài)的給input賦值戏罢。如:

      $('input').val('好好學(xué)習(xí),天天向上');

頁面上可以看到input的值變化為‘好好學(xué)習(xí)脚囊,天天向上’,但事件并沒有被觸發(fā)執(zhí)行龟糕。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市悔耘,隨后出現(xiàn)的幾起案子讲岁,更是在濱河造成了極大的恐慌,老刑警劉巖衬以,帶你破解...
    沈念sama閱讀 222,378評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缓艳,死亡現(xiàn)場離奇詭異,居然都是意外死亡看峻,警方通過查閱死者的電腦和手機(jī)阶淘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來互妓,“玉大人溪窒,你說我怎么就攤上這事》朊悖” “怎么了澈蚌?”我有些...
    開封第一講書人閱讀 168,983評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長灼狰。 經(jīng)常有香客問我宛瞄,道長,這世上最難降的妖魔是什么伏嗜? 我笑而不...
    開封第一講書人閱讀 59,938評論 1 299
  • 正文 為了忘掉前任坛悉,我火速辦了婚禮伐厌,結(jié)果婚禮上承绸,老公的妹妹穿的比我還像新娘。我一直安慰自己挣轨,他們只是感情好军熏,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著卷扮,像睡著了一般荡澎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上晤锹,一...
    開封第一講書人閱讀 52,549評論 1 312
  • 那天摩幔,我揣著相機(jī)與錄音,去河邊找鬼鞭铆。 笑死或衡,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播封断,決...
    沈念sama閱讀 41,063評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼斯辰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了坡疼?” 一聲冷哼從身側(cè)響起彬呻,我...
    開封第一講書人閱讀 39,991評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎柄瑰,沒想到半個月后闸氮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,522評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡教沾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評論 3 342
  • 正文 我和宋清朗相戀三年湖苞,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片详囤。...
    茶點(diǎn)故事閱讀 40,742評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡财骨,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出藏姐,到底是詐尸還是另有隱情隆箩,我是刑警寧澤,帶...
    沈念sama閱讀 36,413評論 5 351
  • 正文 年R本政府宣布羔杨,位于F島的核電站捌臊,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏兜材。R本人自食惡果不足惜理澎,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望曙寡。 院中可真熱鬧糠爬,春花似錦、人聲如沸举庶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽户侥。三九已至镀琉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間蕊唐,已是汗流浹背屋摔。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留替梨,地道東北人钓试。 一個月前我還...
    沈念sama閱讀 49,159評論 3 378
  • 正文 我出身青樓署尤,卻偏偏與公主長得像,于是被迫代替她去往敵國和親亚侠。 傳聞我的和親對象是個殘疾皇子曹体,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評論 2 361

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)硝烂,斷路器箕别,智...
    卡卡羅2017閱讀 134,714評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,312評論 25 707
  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,345評論 0 8
  • 輪回 百世 天地混沌一片 無能的探索 查不到自己和世界 沒入天池不見 明鏡靈臺 世上所有人被自己羈絆 唱斷 離殤 ...
    濡江生閱讀 151評論 0 0
  • 夜靜人未眠,燈稀愁緒濃滞谢。 青春付一人串稀,枉度十年情。 離家日已久,始覺思舊土。 縱有凌云志蹋订,倦鳥歸舊林。 斷舍離得去...
    山長說閱讀 510評論 0 0