javascript - 電話番号入力にハイフンを挿入する方法は?

Question

電話番号のテキスト フィールドに入力されたユーザーにハイフンを自動的に付ける JavaScript があります。iPhoneでは機能しますが、Androidではハイフンが表示され、カーソルも適切な場所(ハイフンの後)に移動しますが、ユーザーが数字を入力すると、ハイフンの前に表示されますか?

この問題は何に関連していますか?

これが私のスクリプトです：

if((input.value.length == 3) || (input.value.length == 7) {
    input.value = input.value + "-";
    input.setSelectionRange(input.value.length,input.value.length);
}

Answer 1

これを試して：

if((input.value.length == 3) || (input.value.length == 7)) {
  setTimeout(function() {
    input.value = input.value + "-";
    input.setSelectionRange(input.value.length,input.value.length);
  }, 10);
}