JavaScriptで入力を使用する方法-jsチュートリアル-php.cn

JavaScriptで入力を使用する方法

藏色散人

リリース： 2023-01-05 16:11:43

オリジナル

12387 人が閲覧しました

JavaScript での input の使用: 最初に HTML サンプルファイルを作成し、次に本文にフォームを作成し、input タグで入力フィールドを指定し、最後にフォームコントロール要素のオブジェクトメソッドを JS コードに入力します。

JavaScriptで入力を使用する方法

この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JavaScript の一般的な入力メソッド

##フォームオブジェクトの一般的なイベント:

onfocus: フォーム要素が入力フォーカスを受け取るとトリガーされます; onblur: フォーム要素が入力フォーカスを失ったときにトリガーされます。 たとえば、テキストボックスがフォーカスを失うと、次のコードは myfun() 関数を呼び出します。

フォームコントロール要素オブジェクトの一般的なメソッド

Blur() カーソルを現在の要素から離れるようにする
focus()
カーソルを置く現在の要素に移動します。

select()
テキスト、テキストエリア、パスワードのタイプの要素に使用され、ユーザーが入力したコンテンツを選択します。

click()
現在の要素のマウスクリックを模倣します。 Element

効果の表示

コードの実装 JavaScriptで入力を使用する方法

<!DOCTYPE html><html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p id="info">
			<h2>填写相关信息</h2>
			<form action="" method="post">
				<input type="text" name="name" id="name" value="姓名" />
				<br />
				<input type="text" name="contact" id="contact" value="QQ或者电话" />
			</form>
		</p>
		<script type="text/javascript">
			window.onload = function() {
				var inname = document.getElementsByTagName("input");
				for (i = 0; i < inname.length; i++) {
					//使用匿名函数
					inname[i].onmouseover = function() {
						this.focus();
					}
					inname[i].onfocus = function() {
						this.select();
					}
				}
			}
		</script>
	</body></html>

ログイン後にコピー

[推奨学習:

javascript 上級チュートリアル

]

以上がJavaScriptで入力を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。