Heim > Artikel > Web-Frontend > Beispiel für die Überwachung von Echtzeitänderungen im Eingabefeldwert durch js
1. Oninput- und Onporpertychanger-Ereignisse gleichzeitig an das Element binden
Beispiel:
<script type="text/JavaScript"> function aa(e){alert("inputting!!");} </script> <input type="text" id="a" oninput="aa(event)" onporpertychange="aa(event)" />
2 js zum Hinzufügen von „Auf Ereignisse warten“
<script type="text/javascript"> $(function(){ if("\v"=="v"){//true为IE浏览器,感兴趣的同学可以去搜下,据说是现有最流行的判断浏览器的方法 document.getElementById("a").attachEvent("onporpertychange",function(e){ console.log("inputting!!"); } }else{ document.getElementById("a").addEventListener("onporpertychange",function(e){ console.log("inputting!!"); } } }); </script> <input type="text" id="a"/>
3. Verwenden Sie die jQuery-Methode, um Ereignisse zu binden
<script type="text/javascript"> $(function(){ $("#a").bind('input porpertychange',function(){ console.log("e"); }); }); </script> <input type="text" id="a"/>
Nachdem Sie das onpropertychange-Ereignis abgehört haben, können Sie das propertyName-Attribut des Ereignisses verwenden, um den geänderten Eigenschaftsnamen event.propertyName abzurufen
Instanz 1:
bece445d937c1812c70421ae00b60816
Instanz 2:
$("#name").bind('input porpertychange',function(){ var thisTxt=$("#name").val(); $(this).siblings("p").html(thisTxt) })
Instanz 3:
//手机号码分段显示 register.phonePropertychange = function() { _this = register; _input = $(this); var v = $(this).val(); v = v.replace(new RegExp(/ /g),''); var v1 = v.slice(0,3); var v2 = v.slice(3,7); var v3 = v.slice(7,11); if(v2==''){ _input.focus().val(v1); }else if(v3==''){ _input.focus().val(v1+' '+v2); }else{ _input.focus().val(v1+' '+v2+ ' '+v3); }; //手机号输入完成字体颜色改变 if (v.length === 11) { if(_this.regexpPhone(v)){ _input.css('color','#000'); $('#btnSendCode').addClass('c-26a949'); _input.blur();; }else{ layer.open({content: '手机号码不正确,请重新输入',time: 2, end:function(){ _input.val(''); }}); } }else{ _input.css('color','#26a949'); } } //验证手机号 register.regexpPhone = function(phone){ return /^1[3|4|5|7|8]\d{9}$/.test(phone); }
Das obige Beispiel für die Überwachung der Echtzeitänderung des Eingabefeldwerts durch js ist der gesamte Inhalt, den der Editor Ihnen geben kann eine Referenz, und ich hoffe, dass Sie sie unterstützen werden.
Weitere Beispiele für die JS-Überwachung von Echtzeitänderungen in Eingabefeldwerten finden Sie auf der chinesischen PHP-Website für verwandte Artikel!