jqueryのpreventDefault

diary


今更ですが、ブラウザのアクションを中断させる方法。

IE6〜モダンブラウザまで対応します。



$("a").click(function(e) {

e.preventDefault();

});

preventDefault()を使うことで、下記のようなaタグをクリックしてもページ遷移しないようになる。



<a href="http://d.hatena.ne.jp/dentaq/">とあるフロントエンジニアの逆引き辞典</a>

参考リンク：jqueryのpreventDefault - zerozerofourの日記

ちなみに、W3C勧告の邦訳サイトを見ると、

「アンカーを1つも指定しないA要素、すなわち、href属性も name属性もid属性も指定されていないA要素を、生成してもよい。 これらの属性の値は、後にスクリプトによって設定できる。」

とあります。

http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/links.html

つまり、最初からhref属性を指定しない、という方法も可能です。