iPadで使うことを前提に軽めのWEBアプリを作った時に困った話です。
input欄クリックしたらの文字列を全選択させたい
input欄をクリックしたら必ず内容を編集するので、focusされた瞬間に文字列全体を選択させたい。
以下のように書いてみました。
$("input[type=text]").on('click', function(){ $(this).select(); });
普通にMacで確認したら想定通り!
iPadやiPhoneでは選択されない!
ところがこのやり方だとiPadでは選択されない!
clickイベントがダメなのかと思いtouchイベントにしてみて動かない。
ググりまくってみつけたこのページ!
なんとiOSではjQueryの.select()
が動かないとのこと!!!
上記ページに書いてある通りにしたらちゃんと動きました!
$("input[type=text]").on('click', function(e) { e.target.setSelectionRange(0, e.target.value.length); });
ありがとうございます!!!!!
コメントを残す