jQuery/JS怎么監(jiān)聽input輸入框的值

今天小編給大家分享一下jQuery/JS怎么監(jiān)聽input輸入框的值的相關(guān)知識點，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),安居企業(yè)網(wǎng)站建設(shè),安居品牌網(wǎng)站建設(shè),網(wǎng)站定制,安居網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,安居網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

input事件：

onchange：

1、要在 input 失去焦點的時候才會觸發(fā)；

2、在輸入框內(nèi)容變化的時候不會觸發(fā)change，當(dāng)鼠標(biāo)在其他地方點一下才會觸發(fā)；

3、onchange event 所有主要瀏覽器都支持；

4、onchange 屬性可以使用于：, 。</p><pre><script> function change(){ var x=document.getElementById("password"); x.value=x.value.toUpperCase();<br data-filtered="filtered">　　　　console.log("出發(fā)了") } </script> </head> <body> 輸入你的密碼: <input type="text" id="password" onchange="change()"> </body></pre><p><strong>oninput:</strong></p><p>1、在用戶輸入時觸發(fā)，它是在元素值發(fā)生變化時立即觸發(fā)；</p><p>2、該事件在 <input> 或 <textarea> 元素的值發(fā)生改變時觸發(fā)。</p><p>3、缺陷：從腳本中修改值不會觸發(fā)事件。從瀏覽器下拉提示框里選取值時不會觸發(fā)。IE9 以下不支持，所以IE9以下可用onpropertychange 事件代替。</p><pre>JS: <input type="text" id="password" oninput="change()"></pre><pre>jQuery： $("#password").on('input propertychange', change);</pre><p><strong>onpropertychange:</strong></p><p>1、會實時觸發(fā)，會在元素的屬性改變時就觸發(fā)事件。當(dāng)元素disable=true時不會觸發(fā)</p><p>2、缺陷：只在IE 下支持，其他瀏覽器不支持，用oninput來解決。</p><pre><input type="text" id="password" oninput="onpropertychange()"></pre><p><strong>jQuery:</strong></p><pre><!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> </head> <body> <input type="text" id="password" autoComplete='off'> <script type="text/javascript"> $(function(){ 　　$('#password').bind('input propertychange', function() { <br data-filtered="filtered">　　　　 console.log('在實時觸發(fā)！??！') 　　$('#result').html($(this).val().length); <br data-filtered="filtered"> 　　　　$(this).val().length != 0 ? $("#login").css("background-color", "#086AC1") : $("#login").css("background-color", "#529DE0") 　　}); }) </script> </body> </html></pre><p><strong>JavaScript;</strong></p><pre><script type="text/javascript"> // Firefox, Google Chrome, Opera, Safari, Internet Explorer from version 9 function OnInput (event) { alert ("The new content: " + event.target.value); } // Internet Explorer function OnPropChanged (event) { if (event.propertyName.toLowerCase () == "value") { alert ("The new content: " + event.srcElement.value); } } </script> <input type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)" value="Text field" /></pre><p>以上就是“jQuery/JS怎么監(jiān)聽input輸入框的值”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。</p> <br> 網(wǎng)頁名稱：jQuery/JS怎么監(jiān)聽input輸入框的值 <br> 轉(zhuǎn)載來源：<a href="http://weahome.cn/article/iehigi.html">http://weahome.cn/article/iehigi.html</a> </div> </div> </div> <div id="squ6kqw" class="other container"> <h3>其他資訊</h3> <ul> <li> <a href="/article/dooojcp.html">Linux改亂碼命令 linux字符亂碼怎么解決</a> </li><li> <a href="/article/dooojoh.html">vbnet播放視頻的簡單介紹</a> </li><li> <a href="/article/dooojdo.html">vb.net以太網(wǎng) win以太網(wǎng)</a> </li><li> <a href="/article/dooojso.html">數(shù)組函數(shù)長度c語言 C語言數(shù)組長度函數(shù)</a> </li><li> <a href="/article/dooojdh.html">蘋果怎么打開mysql 蘋果怎么打開懸浮球功能</a> </li> </ul> </div> <div id="squ6kqw" class="footer"> <div id="squ6kqw" class="foota container"> <div id="squ6kqw" class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12"> <ul> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網(wǎng)站制作</h3> <a target="_blank">達(dá)州網(wǎng)站制作</a><a target="_blank">成都網(wǎng)站制作</a><a target="_blank">手機(jī)網(wǎng)站制作</a><a target="_blank">梓潼網(wǎng)站制作公司</a><a target="_blank">成都網(wǎng)站制作公司</a><a target="_blank">網(wǎng)站制作公司</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>企業(yè)服務(wù)</h3> <a target="_blank">互聯(lián)網(wǎng)藥品信息服務(wù)資格證</a><a target="_blank">工商服務(wù)</a><a target="_blank">軟文發(fā)布</a><a target="_blank">藥房許可證</a><a target="_blank">免費建站模板</a><a target="_blank">免費做網(wǎng)站</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>網(wǎng)站建設(shè)</h3> <a target="_blank">公司網(wǎng)站建設(shè)</a><a target="_blank">高端網(wǎng)站建設(shè)</a><a target="_blank">手機(jī)網(wǎng)站建設(shè)</a><a target="_blank">成都模版網(wǎng)站建設(shè)</a><a target="_blank">自適應(yīng)網(wǎng)站建設(shè)</a><a target="_blank">成都企業(yè)網(wǎng)站建設(shè)</a> </li> <li id="squ6kqw" class="col-lg-3 col-md-3 col-sm-3 col-xs-6"> <h3>服務(wù)器托管</h3> <a target="_blank">重慶電信水土機(jī)房托管</a><a target="_blank">西信服務(wù)器托管</a><a target="_blank">IDC機(jī)房托管</a><a target="_blank">重慶電信五里店機(jī)房托管</a><a target="_blank">雅安服務(wù)器托管</a><a target="_blank">重慶聯(lián)通機(jī)房托管</a> </li> </ul> </div> <div id="squ6kqw" class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12"> <p>全國免費咨詢:</p> <b>400-028-6601</b> <p>業(yè)務(wù)咨詢：028-86922220 / 13518219792</p> <p>節(jié)假值班：18980820575 / 13518219792</p> <p>聯(lián)系地址：成都市太升南路288號錦天國際A幢1002號</p> </div> </div> <div id="squ6kqw" class="footb"> <div id="squ6kqw" class="copy container"> <div id="squ6kqw" class="fl">Copyright ? 成都創(chuàng)新互聯(lián)科技有限公司重慶分公司 <a target="_blank">渝ICP備2021005571號</a></div>  </div> </div> <div id="squ6kqw" class="link"> <div id="squ6kqw" class="container"> 友情鏈接:： <a target="_blank">成都網(wǎng)站建設(shè)</a> <a target="_blank">重慶網(wǎng)站建設(shè)</a> <a href="">四川網(wǎng)站建設(shè)</a> <a href="">重慶建設(shè)網(wǎng)站</a> <a target="_blank">移動服務(wù)器托管</a> <a target="_blank">成都服務(wù)器托管</a> <a target="_blank">云服務(wù)器</a> <a target="_blank">廣告設(shè)計制作</a> <a target="_blank">重慶網(wǎng)頁設(shè)計</a> <a target="_blank">重慶做網(wǎng)站</a> <a target="_blank">重慶網(wǎng)站制作</a> <a href="">重慶網(wǎng)站建設(shè)</a> <a href="">重慶網(wǎng)站公司</a> <a href="">渝中網(wǎng)站制作</a> <a href="">重慶網(wǎng)站設(shè)計</a> </div> </div> </div> <div id="squ6kqw" class="foot"> <ul class="public-celan"> <li> <a target="_blank" class="a1 db tc"> <img src="/Public/Home/img/icon-23.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">在線咨詢</span> </a> </li> <li> <a href="tel:18980820575" class="a1 db tc"> <img src="/Public/Home/img/icon-24.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">電話咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc"> <img src="/Public/Home/img/icon-25.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">QQ咨詢</span> </a> </li> <li> <a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up"> <img src="/Public/Home/img/icon-26.png" alt="" class="db auto"> <span id="squ6kqw" class="span-txt">預(yù)約顧問</span> </a> </li> </ul> </div> <div id="squ6kqw" class="customer"> <dl class="icon1"> <dt> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes"> <i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i> <p>在線咨詢</p> </a> </dt> </dl> <dl class="icon2"> <dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨詢</p></dt> <dd><img src="/Public/Home/img/ewm.png"></dd> </dl> <dl class="icon3"> <dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>電話咨詢</p></dt> <dd> <p>028-86922220（工作日）</p> <p>18980820575（7×24）</p> </dd> </dl> <dl class="icon4"> <dt class="sShow"> <a href="tencent://message/?uin=244261566&Site=&Menu=yes"> <i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p> </a> </dt> </dl> <dl class="icon5"> <dt class="gotop"> <a href="#top"> <i><img src="/Public/Home/img/top.png" alt=""></i><p>返回頂部</p> </a> </dt> </dl> </div> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://weahome.cn/" title="真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆">真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="0kcky" class="pl_css_ganrao" style="display: none;"><center id="0kcky"></center><center id="0kcky"></center><tbody id="0kcky"><s id="0kcky"><bdo id="0kcky"></bdo></s></tbody><noframes id="0kcky"></noframes><center id="0kcky"></center><wbr id="0kcky"></wbr><td id="0kcky"></td><cite id="0kcky"></cite><em id="0kcky"></em><abbr id="0kcky"></abbr><tfoot id="0kcky"></tfoot><noscript id="0kcky"></noscript><nav id="0kcky"></nav><strike id="0kcky"></strike><bdo id="0kcky"></bdo><input id="0kcky"></input><samp id="0kcky"></samp><tfoot id="0kcky"></tfoot><blockquote id="0kcky"><tfoot id="0kcky"><rt id="0kcky"></rt></tfoot></blockquote><blockquote id="0kcky"></blockquote><em id="0kcky"></em><fieldset id="0kcky"><menu id="0kcky"><noscript id="0kcky"></noscript></menu></fieldset><center id="0kcky"></center><th id="0kcky"></th><nav id="0kcky"></nav><em id="0kcky"><del id="0kcky"><dfn id="0kcky"></dfn></del></em><menu id="0kcky"></menu><del id="0kcky"></del><center id="0kcky"></center><dl id="0kcky"><nav id="0kcky"><li id="0kcky"></li></nav></dl><strong id="0kcky"><optgroup id="0kcky"><abbr id="0kcky"></abbr></optgroup></strong><small id="0kcky"><option id="0kcky"><delect id="0kcky"></delect></option></small><del id="0kcky"></del><noscript id="0kcky"></noscript><menu id="0kcky"></menu><strike id="0kcky"></strike><tr id="0kcky"></tr><nav id="0kcky"></nav><center id="0kcky"></center><th id="0kcky"></th><dd id="0kcky"><th id="0kcky"><object id="0kcky"></object></th></dd><em id="0kcky"></em><wbr id="0kcky"></wbr><th id="0kcky"></th><fieldset id="0kcky"><menu id="0kcky"><noscript id="0kcky"></noscript></menu></fieldset><nav id="0kcky"></nav><pre id="0kcky"><td id="0kcky"><fieldset id="0kcky"></fieldset></td></pre><delect id="0kcky"></delect><menu id="0kcky"></menu><tfoot id="0kcky"></tfoot><em id="0kcky"></em><tr id="0kcky"></tr><button id="0kcky"><samp id="0kcky"><tbody id="0kcky"></tbody></samp></button><noscript id="0kcky"></noscript><abbr id="0kcky"></abbr><optgroup id="0kcky"><abbr id="0kcky"><button id="0kcky"></button></abbr></optgroup><fieldset id="0kcky"><menu id="0kcky"><noscript id="0kcky"></noscript></menu></fieldset><menu id="0kcky"><pre id="0kcky"><s id="0kcky"></s></pre></menu><pre id="0kcky"></pre><strong id="0kcky"></strong><th id="0kcky"><small id="0kcky"><dfn id="0kcky"></dfn></small></th><strong id="0kcky"></strong><dfn id="0kcky"><dl id="0kcky"><em id="0kcky"></em></dl></dfn><abbr id="0kcky"><center id="0kcky"><noscript id="0kcky"></noscript></center></abbr><nav id="0kcky"></nav><li id="0kcky"></li><dfn id="0kcky"></dfn><samp id="0kcky"></samp><td id="0kcky"></td><code id="0kcky"></code><menu id="0kcky"></menu><input id="0kcky"><tbody id="0kcky"><noframes id="0kcky"></noframes></tbody></input><source id="0kcky"><strong id="0kcky"><optgroup id="0kcky"></optgroup></strong></source><delect id="0kcky"></delect><em id="0kcky"></em><del id="0kcky"></del><strike id="0kcky"></strike><noframes id="0kcky"></noframes><li id="0kcky"></li><ul id="0kcky"><sup id="0kcky"><dd id="0kcky"></dd></sup></ul><nav id="0kcky"></nav><xmp id="0kcky"><strike id="0kcky"><input id="0kcky"></input></strike></xmp><noframes id="0kcky"><ul id="0kcky"><center id="0kcky"></center></ul></noframes><del id="0kcky"></del><input id="0kcky"></input><abbr id="0kcky"></abbr><delect id="0kcky"><tr id="0kcky"><td id="0kcky"></td></tr></delect><td id="0kcky"></td><option id="0kcky"></option><td id="0kcky"><fieldset id="0kcky"><input id="0kcky"></input></fieldset></td><center id="0kcky"></center><abbr id="0kcky"></abbr><center id="0kcky"></center><bdo id="0kcky"><option id="0kcky"><kbd id="0kcky"></kbd></option></bdo><center id="0kcky"></center><strong id="0kcky"></strong><pre id="0kcky"></pre><strike id="0kcky"></strike><em id="0kcky"><blockquote id="0kcky"><dfn id="0kcky"></dfn></blockquote></em><option id="0kcky"></option><td id="0kcky"><fieldset id="0kcky"><input id="0kcky"></input></fieldset></td><dl id="0kcky"><li id="0kcky"><tfoot id="0kcky"></tfoot></li></dl><blockquote id="0kcky"><rt id="0kcky"><kbd id="0kcky"></kbd></rt></blockquote><table id="0kcky"><acronym id="0kcky"><object id="0kcky"></object></acronym></table><center id="0kcky"><dd id="0kcky"><tbody id="0kcky"></tbody></dd></center><wbr id="0kcky"></wbr><table id="0kcky"><kbd id="0kcky"><acronym id="0kcky"></acronym></kbd></table><em id="0kcky"><del id="0kcky"><dfn id="0kcky"></dfn></del></em><pre id="0kcky"></pre><button id="0kcky"><tbody id="0kcky"><noframes id="0kcky"></noframes></tbody></button><s id="0kcky"><abbr id="0kcky"><center id="0kcky"></center></abbr></s><input id="0kcky"></input><li id="0kcky"></li><object id="0kcky"></object><ul id="0kcky"><center id="0kcky"><noscript id="0kcky"></noscript></center></ul><option id="0kcky"><tbody id="0kcky"><noframes id="0kcky"></noframes></tbody></option><noframes id="0kcky"></noframes><center id="0kcky"></center><tr id="0kcky"></tr><em id="0kcky"></em><rt id="0kcky"></rt><th id="0kcky"><small id="0kcky"><dfn id="0kcky"></dfn></small></th><em id="0kcky"></em><strike id="0kcky"></strike><th id="0kcky"></th><tr id="0kcky"><xmp id="0kcky"><small id="0kcky"></small></xmp></tr><optgroup id="0kcky"><center id="0kcky"><input id="0kcky"></input></center></optgroup><abbr id="0kcky"></abbr><code id="0kcky"></code><code id="0kcky"></code><nav id="0kcky"><abbr id="0kcky"><button id="0kcky"></button></abbr></nav><samp id="0kcky"></samp><sup id="0kcky"></sup><del id="0kcky"><dfn id="0kcky"><center id="0kcky"></center></dfn></del><tbody id="0kcky"><cite id="0kcky"><center id="0kcky"></center></cite></tbody><tbody id="0kcky"><s id="0kcky"><cite id="0kcky"></cite></s></tbody><ul id="0kcky"><sup id="0kcky"><dd id="0kcky"></dd></sup></ul><bdo id="0kcky"></bdo><strike id="0kcky"></strike><em id="0kcky"></em><kbd id="0kcky"><td id="0kcky"><li id="0kcky"></li></td></kbd><kbd id="0kcky"><pre id="0kcky"><td id="0kcky"></td></pre></kbd><source id="0kcky"></source><noframes id="0kcky"></noframes><pre id="0kcky"></pre><pre id="0kcky"><sup id="0kcky"><menu id="0kcky"></menu></sup></pre><pre id="0kcky"></pre><acronym id="0kcky"><tfoot id="0kcky"><abbr id="0kcky"></abbr></tfoot></acronym><li id="0kcky"></li><code id="0kcky"></code></div> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //獲取圖片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //絕對路徑 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>