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

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

XAMPP下载 admin 606浏览 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标签超链接的默认事件

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