jQueryで入力欄にデフォルトでフォーカス(カーソル)を入れる

DSC00798

2014年04月16日(水)

 

ちかごろはやっていますよね。UI/UX、操作感がね。

なのでちょっとした操作感の改善等で必要になってくるTipsを紹介します。

 

フォームにフォーカスをあてる

$('セレクタ').focus();

セレクタで選択したエレメントに対してフォーカスをあてる事が出来ます。

動的になにかしたいときは以下のようなタイミングを取得してやってみるのもありかも!

 

イベント発生タイミングでフォームにフォーカスをあてる

$('クリックエレメントセレクタ').on('click', function(){
 $('セレクタ2').focus();
});

このようにクリックイベントにバインドしてみてもおもしろい。

こういうのが簡単にできると操作感がかなりアップしてユーザの信頼を勝ち取る事も出来るでしょう。

 

簡単ですがめんどくさくてやらないことが多いと思います。

簡単ならやろうよ。。。

 

てなわけですわ。

 

スポンサードリンク

運営サービスPR

スポンサードリンク

運営サービスPR