4.HTMLとJSの出会い:イベント

2589 ワード

eventを使用してユーザーと対話する


onclick


このボタンを押したときに警告ウィンドウをポップアップするには、onclick="alert()"を利用します.
<input type="button" value="hi" onclick="alert('hi')">

onchange


テキストボックスに文章を入力し、内容が変化したときにイベントをチェックするには、onchange="alert()"を使用します.
<input type="text" onchange="alert('changed')">

onkeydown


ユーザーがテキストボックスでキーを押したときにイベントが発生する場合は、onkeydown="alert()"を使用します.
<input type="text" onkeydown="alert('key down!')">

の最後の部分


onclick、onchange、onkeydownなどをeventと呼ぶ.これにより、ユーザーとインタラクティブなコードを作成できます.