「JavaScipt入門」onclick=function(e)を利用するサンプル

1.htmlコード
<div id=”cftDiv”>
<input type=”button” value=”testButtonOne” id=”btn1″>
<input type=”button” value=”testButtonTwo” id=”btn2″>
<input type=”button” value=”testButtonThree” id=”btn3″>
</div>

2.JSコード
<script type=”text/javascript”>
document.getElementById(“cftDiv”).onclick=function(e){
e=window.event||e;
var btnId=e.target.id;
switch(btnId){
case “btn1”:
console.log(“testButtonOne”);
break;
case “btn2”:
console.log(“testButtonTwo”);
break;
case “btn3”:
console.log(“testButtonThree”);
break;
}
}
</script>

Comments are closed.