【JavaScript】イベントハンドラ(onClick等)で複数の関数を実行する

今回は、ボタンを押した時に、あらかじめ用意しておいた複数の関数を実行してみる。

ボタンが押された時に、実行したい関数をhtmlのheadタグ内に準備する

<script>
	// 関数01
	function func01(){
		alert("関数01");
	}
	// 関数02
	function func02(){
		alert("関数02");
	}
	// 関数03
	function func03(){
		alert("関数03");
	}
</script>

イベントハンドラ(onClick)に実行したい関数をセットする。
関数を複数セットする場合はセミコロン(;)で区切る。

<form action="" method="post">
	<input type="button" value="ボタン" onClick="func01(); func02(); func03()">
</form>

【実行】

関数は左から順番に実行される。

onClick複数関数実行

イベントハンドラに関数を複数セットする場合はセミコロン(;)で区切る。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>