JavaScript での input の使用: 最初に HTML サンプル ファイルを作成し、次に本文にフォームを作成し、input タグで入力フィールドを指定し、最後にフォーム コントロール要素のオブジェクト メソッドを JS コードに入力します。
この記事の動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
#JavaScript の一般的な入力メソッド##フォーム オブジェクトの一般的なイベント:
onfocus: フォーム要素が入力フォーカスを受け取るとトリガーされます; onblur: フォーム要素が入力フォーカスを失ったときにトリガーされます。 たとえば、テキスト ボックスがフォーカスを失うと、次のコードは myfun() 関数を呼び出します。
フォーム コントロール要素オブジェクトの一般的なメソッド
Blur() カーソルを現在の要素から離れるようにする
focus()
カーソルを置く 現在の要素に移動します。
select()
テキスト、テキストエリア、パスワードのタイプの要素に使用され、ユーザーが入力したコンテンツを選択します。
click()
現在の要素のマウス クリックを模倣します。 Element
効果の表示
コードの実装
<!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で入力を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。