perfect summer!

the blog of zzqune.inc

月別: 2016年11月

iPadのSafariでinput欄の選択がうまく行かなかった件

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);
});

ありがとうございます!!!!!

Laravel Homestead で「zlib_decode(): data error」って言われて困った

Laravelを本格的に触ってみようと思って、簡単にLaravel開発環境を作れるということでhomestead使ってみようとこの公式日本語ドキュメントとかこのページを参考にやってみたらハマった話です。

Continue reading

© 2024 perfect summer!

Theme by Anders NorenUp ↑