WEBアプリケーション研究室 開発ノート TOP

WEBアプリケーション研究室 開発ノート inputのテキストをクリックしたら選択してさらに変更できないようにする

スポンサーサイト

-------- --:--

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

    このエントリーをはてなブックマークに追加

クリックしたら全部選択、尚且つ変更できないようにしたくてやってみました。
ちょうとyoutubeの右上にある動画URL貼り付け用inputのような挙動です。





readonly="readonly"がポイントですかねdisabledにすると選択すらできなくなります。あとはjavascriptでイベントを設定してやればいいので

var target = $("readonly_input");

Event.observe(target, 'click', function(e)
{
target.focus();
target.select();
});
今回はprototype.jsを使用しています。
スポンサーサイト

    このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。