HTML DOM を使用すると、JavaScript が HTML イベントに反応できるようになります。

HTML DOM イベント 構文

JavaScript は、ユーザーが HTML 要素をクリックしたときなど、イベントが発生したときに実行できます。

ユーザーが要素をクリックしたときにコードを実行するには、HTML イベント属性に JavaScript コードを追加します: 

onclick=JavaScript

HTML イベントの例:

ユーザーがクリックしたとき マウスの時間

Web ページが読み込まれたとき

画像が読み込まれたとき

マウスが要素上に移動したとき

入力フィールドが変更されたとき

HTML フォームが送信されるとき

ユーザーがキーを押すとき

HTML DOM イベント 例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h1 onclick="this.innerHTML='Ooops!'">点击文本!</h1>

</body>
</html>

インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します