当前位置：首页 > 资讯 > 技术文档

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

时间：2021-09-05 22:03 编辑：来源：阅读：
扫一扫，手机访问

摘要：javascript处理a标签超链接默认事件的方法

本文实例讲述了javascript处理a标签超链接默认事件的方法。分享给大家供大家参考。具体分析如下：有时需要在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="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

[u]复制代码[/u] 代码如下:

希望本文所述对大家的javascript程序设计有所帮助。

全部评论(0)

上一篇：Javascript基础知识（一）核心基础语法与事件模型
下一篇：Javascript Object.extend

资讯排行榜
更多>>