「JavaScript」html要素の属性としてイベントを定義するサンプル
書式
<button onclick="funA()">ボタン名</button>
<button onclick="funA()">ボタン名</button>
<button onclick="funA()">ボタン名</button>
button要素の属性onclickに、クリックされた際に、funAメソッドを呼びだすように定義しています。
使用例
<!DOCTYPE html>
<html>
<body>
<button onclick="funA()">検証</button>
<script>
function funA(){
alert("ボタンクリックイベントが発生しました");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<button onclick="funA()">検証</button>
<script>
function funA(){
alert("ボタンクリックイベントが発生しました");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<button onclick="funA()">検証</button>
<script>
function funA(){
alert("ボタンクリックイベントが発生しました");
}
</script>
</body>
</html>
結果
「検証」ボタンがクリックされると、「ボタンクリックイベントが発生しました」というアラートメッセージが表示されます。
「検証」ボタンがクリックされると、「ボタンクリックイベントが発生しました」というアラートメッセージが表示されます。
「検証」ボタンがクリックされると、「ボタンクリックイベントが発生しました」というアラートメッセージが表示されます。