.select()【《テキスト選択》イベントハンドラ設定・実行】
メモ
- 《テキスト選択》イベントハンドラの設定
.on( "select" [, data], handler )の省略形- 解除は、.off( "select" )【イベントハンドラ解除】
- 対象要素は、下記
<input>【汎用入力コントロール】 (type属性：省略・"text")
<textarea>【複数行入力コントロール】
- 《クリック》イベントハンドラの実行
.trigger( "select" )の省略形- テキストは全選択状態 (イベントは複数回発生：下記 例 を参照)
- 選択テキストの取得方法は、ブラウザ毎に相違
構文
| 説明 | 構文 | 戻り値 | ||||||
|---|---|---|---|---|---|---|---|---|
| 《テキスト選択》 イベントハンドラ設定 | .select( handler ) 1.0 handler：イベントハンドラ
.on( "select", handler )の省略形 | jQuery | ||||||
| .select( [eventData ], handler ) 1.4.3 Anything eventData：イベントデータ handler：イベントハンドラ
.on( "select", data, handler )の省略形 | jQuery | |||||||
| 《テキスト選択》 イベントハンドラ実行 | .select() 1.0.trigger( "select" )の省略形 | jQuery |
関連
例
<p><input id="text1" class="event1" type="text" value="text1 type='text'"></p>
<p><input id="text2" class="event1" value="text2 type 省略"></p>
<p><textarea id="textarea1" class="event1">textarea1</textarea></p>
<p><button id="triger1">.select()</button></p>
<textarea id="output" style="width:200px; height:100px;">【出力】</textarea>
<script>
$(".event1").select("DATA", function(eventObject) {
var msg = "\n" + eventObject.type + " [" + this.id + "] " + eventObject.data;
var $output = $("#output");
$output.val($output.val() + msg);
});
$("#triger1").click(function() {
$(".event1").select();
});
</script>