jquery實現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件代碼（最全）

2021-7-27 前端達(dá)人

第一種辦法

$('#productName').bind('input propertychange', function() { console.log(123); }); 


    
        1
    

    
        2
    

    
        3

第二種辦法

//鍵盤事件 $('input').keydown(function() { console.log(123); }); 


    
        1
    

    
        2
    

    
        3
    

    
        4

第三種辦法

<input type="text" oninput="myFunction()"> 


    
        1

<script> function myFunction() { console.log(111); } </script> 


    
        1
    

    
        2
    

    
        3
    

    
        4
    

    
        5

如果您覺得本篇對你有幫助,可以點關(guān)注,給個贊,支持一下,過程有遇到什么問題也歡迎評論私信,進行交流

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

文章來源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.izc.net.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計、 cs界面設(shè)計、 ipad界面設(shè)計、包裝設(shè)計、圖標(biāo)定制、用戶體驗、交互設(shè)計、網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

« 彈窗主按鈕與菲茨定律的糾葛 jquery更改輸入框type為密碼框password »

日歷

鏈接

個人資料

藍(lán)藍(lán)設(shè)計的小編 http://www.izc.net.cn

存檔

<del id="a0qyy"></del><fieldset id="a0qyy"></fieldset>

jquery實現(xiàn)input輸入框?qū)崟r輸入觸發(fā)事件代碼（最全）

第一種辦法

第二種辦法

第三種辦法

如果您覺得本篇對你有幫助,可以點關(guān)注,給個贊,支持一下,過程有遇到什么問題也歡迎評論私信,進行交流

分類

日歷

鏈接

個人資料

存檔