Aタグのデフォルトアクションをキャンセルする

投稿日: 2013年11月27日 作成者: 関口郁夫

Aタグのデフォルトアクション：クリックによるリンク移動をキャンセルする。
＜方法＞
CTRLキー以外が押された場合event.returnValueプロパティにfalseを設定する。

<html>
<head>
<SCRIPT language="JavaScript"><!--
function CtrlLink() {
  if(window.event.srcElement.tagName == "A" && !window.event.ctrlKey) window.event.returnValue = false;
}
//--></SCRIPT>
</head>

<body onclick="CtrlLink()">
<h4>CTRLキー併用のクリックでリンク移動 </h4>
<p>下のリンクは CTRLキーを押しながらクリックしないとリンク移動しない。</p>
<div style="margin-left:1cm">
<p><a href="../aaa/start.htm">はじめに</a></p>
<p><a href="../aaa/books.htm">参考書籍</a></p>
</div>
</body>
</html>
カテゴリー: Javascript タグ: , パーマリンク

コメントを残す