入力入力ボックスにPropertyChange

オリジナル：https://www.cnblogs.com/yuanyanbk/p/8269968.html

検索機能を実行し、彼らはしばしば確認需要の入力ボックスに遭遇する、最も一般的なのは、クイック検索、どのような今日の良い要約です。

インスタント番組検索：

（1）変更イベント・トリガ・イベントは、2つの条件を満たしている必要があります。

　　A）現在のオブジェクトのプロパティの変更を、キーボードまたはマウスイベントによってトリガー（スクリプトトリガは無効です）

　　B）現在のオブジェクトが）のonblur（フォーカスを失っ

（2）キープレスまあ、大丈夫。。。。。キーボードイベント、彼は足をキャッチする無力だったマウスのコピーペースト操作をリッスンする機能があります。。。。。

（3）のPropertyChange（IE）と入力イベント

入力は、一般的に入力要素に使用される標準的なブラウザイベント、ある入力の値が変更されたときに発生する、のいずれかのキーボードやマウスの入力貼り付けの変更は、変更を監視するためにタイムリーにすることができ

現在のオブジェクトのプロパティに対する変更限りのPropertyChange、。

ここでは、このプロパティの入力プレースホルダと同等の効果を達成するためにjqueryのを使用します

HTML

 
          < 
          div 
          class="enterprise-list"> 
         
          < 
          label 
          >银行卡号：</ 
          label 
          > 
         
          < 
          input 
          type="text"  placeholder="请输入16或19位银行卡号" class="enterprise-inp" id="cartInput"> 
         
          </ 
          div 
          >

 
          < 
          script 
          > 
         
          $(function () { 
         
          $("#cartInput").bind('input propertychange',function () { 
         
          var text = $("#cartInput").val(); 
         
          text = text.replace(/[^\d]/g,''); 
         
          console.log(text) 
         
          }) 
         
          }) 
         
          </ 
          script 
          >

VUEの書き込みでは、リアルタイムの方法があることができます：

1	`<` `input` `type="text" v-model="bankcard" class="enterprise-inp" v-on:input="cartInput">`

 
          cartInput:function () { 
         
          this.bankcard=this.bankcard.replace(/[^\d]/g,''); 
         
          console.log(this.bankcard) 
         
          },