0

電話番号を実装しようとしています。モバイル Web サイトのマスキング。また、jquery マスク プラグインがデバイスで適切に動作していなかったため、使用できませんでした。以下の実装は、Android Chrome Mobile Browser で正常に動作しています。しかし、Android のデフォルト ブラウザの場合、バックスペース キーを使用してすべての数字を削除しようとすると、最後の一部 (2/3) の数字/桁がクリアされません。this.value += "-";だと思います。テキストボックスのプロパティを更新していません。 電話番号の形式は (例: ###-###-####)

HTML

<input id="phoneNo" type="tel" maxlength="12" placeholder="Phone"/>

JavaScript

var phoneNo = document.getElementById("phoneNo");
phoneNo.addEventListener("textInput",function(){
if(this.value.toString().length==3 || this.value.toString().length==7) {
   this.value += "-";            
}
});
4

2 に答える 2

0

すべてのブラウザーが addEventListener をサポートしているわけではないため、jQuery の on() メソッドを見てください。これが問題の原因であると推測しています。

http://api.jquery.com/on/

于 2013-05-31T12:10:41.810 に答える