javascript 处理a标签超链接的默认事件

来源：互联网发布：被西瓜网络用语编辑：程序博客网时间：2024/06/06 13:59

有时需要在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>

0 0