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


Posted in Javascript onJune 29, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
Mozilla 表达式 __noSuchMethod__
Apr 05 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
Jan 24 Javascript
javascript设计模式 接口介绍
Jul 24 Javascript
jQuery固定浮动侧边栏实现思路及代码
Sep 28 Javascript
js前端面试题及答案整理(一)
Aug 26 Javascript
angularJs中$scope数据序列化的实例
Sep 30 Javascript
JavaScript格式化json和xml的方法示例
Jan 22 Javascript
微信小程序云开发(数据库)详解
May 17 Javascript
js blob类型url的视频下载问题的解决
Nov 29 Javascript
jQuery实现数字华容道小游戏(实例代码)
Jan 16 jQuery
关于javascript中的promise的用法和注意事项(推荐)
Jan 15 Javascript
游戏开发中如何使用CocosCreator进行音效处理
Apr 14 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
Jun 29 #Javascript
JavaScript实现级联菜单的方法
Jun 29 #Javascript
node.js读取文件到字符串的方法
Jun 29 #Javascript
JavaScript模拟实现键盘打字效果
Jun 29 #Javascript
JavaScript实现把数字转换成中文
Jun 29 #Javascript
使用Node.js配合Nginx实现高负载网络
Jun 28 #Javascript
jQuery模拟黑客帝国矩阵效果实例
Jun 28 #Javascript
You might like
通过table标签,PHP输出EXCEL的实现方法
2013/07/24 PHP
如何使用PHP Embed SAPI实现Opcodes查看器
2015/11/10 PHP
php传值方式和ajax的验证功能
2017/03/27 PHP
PHP实现的字符串匹配算法示例【sunday算法】
2017/12/19 PHP
使用vs code编辑调试php配置的方法
2019/01/29 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
基于jquery的jqDnR拖拽溢出的修改
2011/02/12 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
2013/04/01 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
js实现精美的图片跟随鼠标效果实例
2015/05/16 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
zTree插件下拉树使用入门教程
2016/04/11 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
Map.vue基于百度地图组件重构笔记分享
2017/04/17 Javascript
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
js防抖函数和节流函数使用场景和实现区别示例分析
2020/04/11 Javascript
js 解析 JSON 数据简单示例
2020/04/21 Javascript
实现vuex原理的示例
2020/10/21 Javascript
CentOS 8.2服务器上安装最新版Node.js的方法
2020/12/16 Javascript
Python实现代码统计工具(终极篇)
2016/07/04 Python
Python调用C# Com dll组件实战教程
2017/10/12 Python
pandas 对series和dataframe进行排序的实例
2018/06/09 Python
Python subprocess模块功能与常见用法实例详解
2018/06/28 Python
Python标准库使用OrderedDict类的实例讲解
2019/02/14 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
python内存动态分配过程详解
2019/07/15 Python
python实现邮件发送功能
2019/08/10 Python
python画微信表情符的实例代码
2019/10/09 Python
基于Python实现扑克牌面试题
2019/12/11 Python
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
2016/06/28 HTML / CSS
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
历史系毕业生自荐信
2013/10/28 职场文书
超市促销活动方案
2014/03/05 职场文书
诚信考试倡议书
2014/04/15 职场文书
2014年档案管理工作总结
2014/11/17 职场文书
导游词之新疆尼雅遗址
2019/10/16 职场文书