ホームページ >ウェブフロントエンド >jsチュートリアル >セレクトイベントの使い方
セレクトイベントの使い方
- 不言オリジナル
- 2019-02-14 15:54:5711134ブラウズ
select メソッドは、select イベント、または select イベントの発生時に実行される関数をトリガーするために使用されます。Select は、「$(selector).select(function)」などの構文を使用します。ここで、function はオプションであることを示します。選択が発生したときにイベントで実行される関数。
この記事の動作環境: Windows 7 システム、jquery バージョン 3.2.1、Dell G3 コンピューター。
select イベントは、テキストエリア内のテキストまたはテキスト タイプの入力要素が選択されたときに発生するイベントであり、select() メソッドを使用して select イベントをトリガーするか、select イベントのときに実行される関数を使用します。が発生します。 select メソッドの使用法を詳しく見てみましょう。
まず、select()
$(selector).select(function)
関数の基本的な構文を見てみましょう。関数はオプションです。 select イベントが発生したときに実行される関数を表します。
具体的な例を見てみましょう
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").select(function(){
$("input").after("文本标记!");
});
$("button").click(function(){
$("input").select();
});
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br>
<button>触发输入域中的select 事件</button>
</body>
</html>操作の効果は次のとおりです
入力に「Hello World」というテキストが含まれている場合フィールドが選択されると、イベントがトリガーされ、その効果は次のようになります。
ボタンをクリックすると、入力フィールドの選択イベントもトリガーされます。がトリガーされ、その効果は上記と同じです。
この記事はここで終了です。さらに興味深い内容については、PHP 中国語 Web サイトにある他の関連コラム チュートリアルをご覧ください。 ！ ！
以上がセレクトイベントの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。