event.preventDefault()は、イベントのデフォルトの動作を停止するメソッド。
構文
event.preventDefault()
サンプル
サンプルの動作について
「サンプル」をクリックすると、リンク先ページは開かず、ボタンの右横に「デフォルトの動作を停止」と5秒間だけ表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
window.onload = function () {
document.getElementById( "sampleA" ).onclick = function( $event ){
$event.preventDefault();
document.getElementById( "sampleOutput" ).innerHTML = "デフォルトの動作を停止";
window.setTimeout( function ()
{
document.getElementById( "sampleOutput" ).innerHTML = "";
},
5000
);
};
}
</script>
window.onload = function () {
document.getElementById( "sampleA" ).onclick = function( $event ){
$event.preventDefault();
document.getElementById( "sampleOutput" ).innerHTML = "デフォルトの動作を停止";
window.setTimeout( function ()
{
document.getElementById( "sampleOutput" ).innerHTML = "";
},
5000
);
};
}
</script>
HTML
<p>
<a id="sampleA" href="http://alphasis.info/">サンプル</a>
<span id="sampleOutput" style="margin-left: 10px;"></span>
</p>
<a id="sampleA" href="http://alphasis.info/">サンプル</a>
<span id="sampleOutput" style="margin-left: 10px;"></span>
</p>