07.イベント
イベントはWebページを見ているユーザーが行った操作のことを指します。 イベントから特定のものに対してアクションを起こすことにより、 さまざまな処理を行うようスクリプトを記述します。 イベントには、フォームのボタンをクリックした時に、 ハイパーリングになっている文字列をクリックした時、 Webページがロードされた時などにJavaScriptでイベントを発生させることができます。
コマンド
①イベントハンドラ 01
②イベントハンドラ 02
③ロールオーバー
④ボタン
⑤セレクトボックス
⑥テキストボックス
④文の区切り方
ページ | 実行ファイル | ソース | コメント |
---|---|---|---|
<32p> | # | # | ●# |
<33p> | 33p1.html | 33p1_js | ●ブラウザをチエック |
---|---|---|---|
33p1_1.html | 33p1_1_js | ●ブラウザをチエック | |
33p2.html | 33p2_js | ●ブラウザをチエック | |
33p2_1.html | 33p2_1_js | ●ブラウザをチエック |
<34p> | 34p.html | 34p_js | ●イベントタイプ取得 |
---|---|---|---|
34p_1.html | 34p_1_js | ●イベントタイプ取得 | |
34p_2.html | 34p_2_js | ●イベントタイプ取得 | |
34p_5.html | 34p_5_js | ●クリックで背景色を変える | |
event06.html | event06_js | ●クリックで背景色を変える |
<35p> | 35pA.html | 35pA_js | ●イベント発生で座標を取得 |
---|---|---|---|
35pB.html | 35pB_js | ●イベント発生で座標を取得 | |
<36p> | # | # | ●# |
<37p> | 37p2.html | 37p2_js | ●クリックで背景色を変える |
---|---|---|---|
37p3.html | 37p3_js | ●クリックで背景色を変える | |
# | # | ●クリックで背景色を変える | |
37p6.html | 37p6_js | ●クリックで背景色を変える | |
37p9.html | 37p9_js | ●背景色が変わります |
<38p> | 38p1_1.html | 38p1_1_js | ●アラートを表示 |
---|---|---|---|
38p2.html | 38p2_js | ●アラートを表示 |
<39p> | 39p.html | 39p_js | ●頁ロード5秒後アラート表示 |
---|---|---|---|
39p_1.html | 39p_1_js | ●頁ロード5秒後アラート表示 | TMP4heksu5pfu.html | TMP4heksu5pfu_js | ●頁ロード5秒後アラート表示 |
<40p> | 40p_22dw.html | 40p_22dw_js | ●イベント/DW |
---|---|---|---|
40p_22js.html | 40p_22js_js | ●イベント/JS | <41p> | # | # | ●# |
<42p> | 42p_1.html | 42p_1_js | ●イベント/JS |
---|---|---|---|
<43p> | 43p.html | 43p_js | ●配列を作成 |
<44p> | 44p_0.html | 44p_0_js | ●クリックで画像を変える |
<45p> | 45p.html | 45p_js | ●リストからボタンを押す |
<46p> | # | # | ●# |
<47p> | 47p.html | 47p_js | ●リストを選択して下さい |
---|---|---|---|
<48p> | 48p.html | 48p_js | ●選択ボタンで別ページへ |
<49p> | 49pA.html | 49pA_js | ●通過すると・・キャプション |
<50p> | # | # | ●# |
<51p> | 51p_B.html | 51p_B_js | ●画像の説明をボックスに |
---|---|---|---|
<52p> | 52pA.html | 52pA_js | ●説明を表示 |