JavaScript イベントハンドラonclickで複数の関数を指定するサンプル
環境
Google Chrome 106.0.5249.91
Windows 10 Home 64bit
構文
onclick="関数1();関数2()"
セミコロンで区切って、複数の関数を指定します。
イベントハンドラの「onclick」を指定して、関数1と関数2を実行します。
使用例
<!DOCTYPE html>
<html>
<body>
<input type="button" value="表示" onclick="funA();funB()" />
<script>
function funA() {
alert("test aa");
}
function funB() {
alert(" test bb");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<input type="button" value="表示" onclick="funA();funB()" />
<script>
function funA() {
alert("test aa");
}
function funB() {
alert(" test bb");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<input type="button" value="表示" onclick="funA();funB()" />
<script>
function funA() {
alert("test aa");
}
function funB() {
alert(" test bb");
}
</script>
</body>
</html>
実行結果
「表示」ボタンを押すと、「test aa」と「test bb」というアラートメッセージが表示されます