「JavaScript入門」stopPropagation()でイベント伝播を止めるサンプル

2017年12月12日

①htmlコード
<table border="1″>
<tr onclick="test()">
<td id="cftOne">イベントをキャンセル</td>
<td >イベントを発火</td>
<td id="cftTwo">イベントをキャンセル</td>
</tr>
</table>
②JSコード
<script type="text/javascript">
function stopBubble(e) {
if (e && e.stopPropagation) {
e.stopPropagation();
}
else {
window.event.cancelBubble = true;
}
}

document.getElementById('cftOne’).onclick = function (e) {
stopBubble(e);
}
document.getElementById('cftTwo’).onclick = function (e) {
stopBubble(e);
}
function test() {
alert(“it change world");
}
</script>