「JavaScript」.onclick で イベントハンドラを登録するサンプル
書式
1.document.getElementById(セレクタID名)
対象となるhtml要素buttonを取得します
2.onclick = function(){処理コード}
buttonがクリックされると、onclickプロパティに登録された処理が実行されます。
使用例
<!DOCTYPE html>
<html>
<body>
<button id="btnTest">検証</button>
<script>
window.onload = function(){
document.getElementById('btnTest').onclick = function(){
alert('ボタンクリックイベントが発生しました');
}
}
</script>
</body>
</html>
動作結果
「検証」ボタンがクリックされると、「クリックイベントが発生しました」というメッセージボックスが表示されます。