オブジェクト指向の開発の後、ほとんどすべての言語はオブジェクトに「一度一晩」に基づいている可能性があり、JavaScriptもオブジェクトベースの言語であることがわかります。ブラウザでのユーザーの動作は「イベント」と呼ばれ、その後、ポップアップ、ブラウザのサイズ、検証、バラバラの変更など、一連のアクションがトリガーされます。もちろん、今回は主にいくつかの一般的なイベントを紹介します。
PS:JSスクリプトのサポートはブラウザによって異なります! ! !ブラウザのいくつかの低いバージョンはそれをサポートしていないかもしれません! ! !
1.イベントをクリック(オンクリック)
クリックイベントとは何ですか?ユーザーがマウスボタンをクリックすると、クリックイベントが生成されます。同時に、OnClickで指定されたイベントハンドラーが呼び出されます。通常、ボタン(ボタンオブジェクト)、チェックボックス(チェックボックス)、ラジオボタン(ラジオボタン)、リセットボタン(リセットボタン)に適用され、ボタンを送信します([ボタン]ボタンを送信)。
大きな動きをする:
<!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js basicクリックイベント</title> </head> <body> <form> <script言語= "javascript"> function click() } </script> <入力型= "button" value = "button" onclick = "aclick()"/> </form> </body> </html>
効果は次のとおりです。
2。イベントを変更する(オンチェンジ)
ユーザーがフォームの値を変更すると、オンチェンジイベントがトリガーされます。
コードは次のとおりです。
<!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> jsベース変更イベント</title> <スクリプト言語= "javascript"> function check(){alert( "テキストボックスの値が変更されました"); } </script> </head> <body> <form> <input type = "text" value = "これはテキストボックスです" name = "name" onchange = "check()"/> </form> </body> </html>効果は次のとおりです。
3.イベントを選択する(onselect)
ページ内の要素が選択されると、onSelectイベントがトリガーされます。
コードは次のとおりです。
<!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> jsベース変更イベント</title> <スクリプト言語= "javascript"> function check(){alert( "テキストボックスの値が変更されました"); } </script> </head> <body> <form> <input type = "text" value = "これはテキストボックスです" name = "name" onchange = "check()"/> </form> </body> </html>効果は次のとおりです。
4。ロードイベント(オンロード)
読み込みイベントは、Webページが開いたばかりのときにトリガーされるイベントです。
コードは次のとおりです。
<!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js基本的な読み込みイベント</title> <スクリプト言語= "javascript"> function check(){alert( "be be and be and ciao dは馬にぶつかります。 } </script> </head> <body onload = "check()"> </body> </html>効果は次のとおりです。
5。アンロードイベント(フンロード前)
正確には、「ページイベントを残す前」と呼び、現在のタブの閉じるボタンをクリックすると、このイベントをトリガーする方が適切です。
コードは次のとおりです。
<!doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> js basics pre-unload event </title> <script language = "javascript"> function check1( "あなたは本当に私を残したいですか?..."); } </script> </head> <body onbeforeunload = "check1()"> <h1>これは、フロード前のイベントを確認するために使用されるページ</h1> </body> </html>
効果は次のとおりです。
上記の記事では、JavaScriptの基本的なクライアントイベントドライバーが私があなたと共有するすべてのコンテンツについて簡単に説明しています。私はそれがあなたに参照を与えることができることを願っています、そしてあなたがwulin.comをもっとサポートできることを願っています。