JavaScript イベントハンドラonclickで複数の関数を指定するサンプル

2022年10月12日

環境
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>

実行結果
「表示」ボタンを押すと、「test aa」と「test bb」というアラートメッセージが表示されます

JavaScript

Posted by arkgame