有时需要在a标签上添加click事件，并且跳转前处理一些事务,故需要做一些处理；通常前端会给出一个<a href=”#”>link</a>来代表这个行为，有些还会这样写<a href=”###”>link</a>或者<a href=”javascript:void(0);”>link</a>这样的写法，但这样并不兼容所有浏览器，有些浏览器就会出现很怪异的形为。因此，这个问题需要其它方法来解决，其一是用jquery的阻止默认事件，就像JQUERY的官方API中所给出的示例：
<!doctype html><html lang=”en”><head> <meta charset=”utf-8″> <title>event.preventDefault demo</title> <script src=”//
code.jquery.com/jquery-1.10.2.js
“></script></head><body> <a href=”http://jquery.com
“>default click action is prevented</a><div id=”log”></div> <script>$( “a” ).click(function( event ) { event.preventDefault(); $( “<div>” ) .append( “default ” + event.type + ” prevented” ) .appendTo( “#log” );});</script> </body></html>
另一种方法是给超链加个javascript方法,方法里判断加return<a href=”a.html” onclick=”javascript:proc();” >link</a>
转载请注明：XAMPP中文组官网 » javascript 处理a标签超链接的默认事件