hyperlink や checkbox など、HTML 要素のデフォルト動作をキャンセルするには、preventDefault() メソッドを利用します。
デフォルト動作のキャンセル
<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script> window.onload = function () { var hyperLink = document.getElementById("googleLink"); hyperLink.addEventListener("click", disableDefault, false); function disableDefault(e) { e.preventDefault(); } } </script></head><body> <a id="googleLink" href="http://google.co.jp">google</a></body></html>