JavaScript学習のイベントとは何ですか？イベントは何に使用されますか?-jsチュートリアル-php.cn

JavaScript学習のイベントとは何ですか？イベントは何に使用されますか?

青灯夜游

リリース： 2018-10-16 17:47:49

転載

1913 人が閲覧しました

この記事では、JavaScript学習とはどのようなイベントなのかをご紹介します。イベントは何に使用されますか? 、一般的に使用されるイベントとは何なのか、イベントで何ができるのかを全員に知らせます。困っている友人は参考にしていただければ幸いです。

最初に理解しますイベントとは何ですか?

イベントは、JavaScript によって検出できる動作です。

HTML イベントは、HTML 要素に対して発生するものです。

JavaScript が HTML ページで使用される場合、JavaScript によってこれらのイベントがトリガーされる可能性があります。

HTML イベント

HTML イベントは、ブラウザーの動作またはユーザーの動作です。

HTML Web ページ内のすべての要素は、JavaScript 関数をトリガーできる特定のイベントを生成できます。

#次に、HTML イベントの例を示します:

#HTML ページの読み込みが完了しました
#HTML 入力フィールドが変更されたとき
HTML ボタンをクリックしたとき

通常、イベントが発生すると、何かが実行されることがあります。

イベントがトリガーされると、JavaScript はいくつかのコードを実行できます。

イベント属性は HTML 要素に追加でき、JavaScript コードを使用して HTML 要素を追加できます。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <span id="demo"></span>
    <button onclick=&#39;getElementById("demo").innerHTML=Date()&#39;>时间</button>
</body>
<script type="text/javascript">
    
</script>
</html>

ログイン後にコピー

上記の例では、JavaScript コードは id="demo" の要素のコンテンツを変更します。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <span id="demo"></span>
    <button onclick=&#39;this.innerHTML=Date()&#39;>时间</button>
</body>
<script type="text/javascript">
    
</script>
</html>

ログイン後にコピー

上記の例では、JavaScript コードが独自の要素のコンテンツを変更します。 (this.innerHTML を使用します)。

JavaScript コードは通常、数行のコードであり、イベント属性を通じて呼び出すことがより一般的です。

#一般的な HTML イベント

##イベント## HTML 要素の変更##ユーザーが HTML 要素をクリックします#

#JavaScript イベントでは何ができるのでしょうか?

イベントを使用して、フォーム検証、ユーザー入力、ユーザーの動作、ブラウザーのアクションを処理できます:

ページの読み込みイベントは、
ページが閉じられたときにトリガーされます
ユーザーがボタンをクリックしてアクションを実行したときにイベントがトリガーされます
ユーザー入力の正当性の検証
。。。。。。

#HTML イベント属性で JavaScript コードを直接実行できます

HTML イベントプロパティは JavaScript 関数を直接呼び出すことができます
HTML イベントプロパティには独自のイベントハンドラーを指定できます
ブロックすることもできます出来事が起こりました
#。。。。。。
要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、
JavaScript ビデオチュートリアル

jQuery ビデオチュートリアル

、bootstrap チュートリアルをご覧ください。

説明	##変更時
	#onclick
##onmouseover	ユーザーが HTML 要素の上にマウスを移動します
onmouseout	ユーザーが HTML 要素の上にマウスを移動します
onkeydown	ユーザーを押すキーボードのキーを押してください
#onload	#ブラウザはページの読み込みを完了しました