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

前端技术 2023/08/09 JavaScript

本文实例讲述了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

复制代码 代码如下:
<a href=\"a.html\" onclick=\"javascript:proc();\" >link</a>

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

本文地址：https://www.stayed.cn/item/699

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案