JavaScriptイベント
HTML イベントは、HTML 要素に対して発生するものです。
JavaScript を HTML ページで使用すると、これらのイベントをトリガーできます。
HTML イベント
HTML イベントは、ブラウザーのアクションまたはユーザーのアクションです。
以下は HTML イベントの例です:
HTML ページの読み込みが完了
HTML 入力フィールドが変更されました
HTML ボタンがクリックされました
通常、イベントが発生すると、何かを行うことができます。
JavaScript は、イベントがトリガーされたときに一部のコードを?qū)g行できます。
イベント屬性は HTML 要素に追加でき、HTML 要素は JavaScript コードを使用して追加できます。
一重引用符:
<some-HTML-element some-event='some JavaScript'>
二重引用符:
<some-HTML-element some-event="some JavaScript"> ;
次の例では、onclick 屬性 (およびコード) がボタン要素に追加されます:
Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<button onclick="getElementById('demo').innerHTML=Date()">現(xiàn)在的時(shí)間是?</button>
<p id="demo"></p>
</body>
</html>上記の例では、JavaScript コードは id= のコンテンツを変更します。デモ」要素。
コードを?qū)g行して試してください
次のインスタンスでは、コードは獨(dú)自の要素のコンテンツを変更します (this.innerHTML を使用):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <button onclick="this.innerHTML=Date()">現(xiàn)在的時(shí)間是?</button> </body> </html>
コードを?qū)g行して試してください
ヒント: JavaScript コード通常は數(shù)行のコードです。より一般的なものはイベント屬性を通じて呼び出されます：
commonHTMLイベント
一般的なHTMLイベントのリストです：eventdescription| onchange | html要素の変更 |
|---|---|
| onclick | ユーザーが HTML 要素をクリックします |
| onmouseover | ユーザーが HTML 要素の上にマウスを移動(dòng)します |
| onmouseout | ユーザーがマウスを HTML 要素から遠(yuǎn)ざける |
| onkeydown | ユーザーがキーボードのキーを押しました |
| onload | ブラウザはページの読み込みを完了しました |
JavaScript でできることは何ですか? イベントはフォームの検証、ユーザー入力、ユーザーの動(dòng)作、ブラウザーのアクションを処理するために使用できます:
JavaScriptイベントコードを?qū)g行するには、複數(shù)のメソッドを使用できます:
|
