最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

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

XAMPP下载 admin 768浏览 0评论
 有时需要在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标签超链接的默认事件

您必须 登录 才能发表评论!