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 相关文章推荐
浏览器无法运行JAVA脚本的解决方法
Jan 09 Javascript
PPK 谈 JavaScript 的 this 关键字 [翻译]
Sep 29 Javascript
jQuery 开天辟地入门篇一
Dec 09 Javascript
javascript模拟的Ping效果代码 (Web Ping)
Mar 13 Javascript
jquery validate在ie8下的bug解决方法
Nov 13 Javascript
javascript实现动态标签云
Oct 16 Javascript
深入浅析search 搜索框的写法
Aug 02 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
js时间戳格式化成日期格式的多种方法介绍
Feb 16 Javascript
react-native-video实现视频全屏播放的方法
Mar 19 Javascript
Vue 实现前进刷新后退不刷新的效果
Jun 14 Javascript
Vue 实现拨打电话操作
Nov 16 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
php一句话cmdshell新型 (非一句话木马)
2009/04/18 PHP
PHP将XML转数组过程详解
2013/11/13 PHP
PHP实现Google plus的好友拖拽分组效果
2016/10/21 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
js活用事件触发对象动作
2008/08/10 Javascript
基于jQuery的ajax功能实现web service的json转化
2009/08/29 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
jquery入门—选择器实现隔行变色实例代码
2013/01/04 Javascript
Jquery解析json数据详解
2013/12/26 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
jQuery实现炫酷的鼠标轨迹特效
2015/02/01 Javascript
在JavaScript中访问字符串的子串
2015/07/07 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
关于js原型的面试题讲解
2016/09/25 Javascript
JQuery 获取Dom元素的实例讲解
2017/07/08 jQuery
浅谈vue中数据双向绑定的实现原理
2017/09/14 Javascript
微信小程序模板和模块化用法实例分析
2017/11/28 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
使用layui 渲染table数据表格的实例代码
2018/08/19 Javascript
JavaScript实现简单轮播图效果
2018/12/01 Javascript
Python中的多行注释文档编写风格汇总
2016/06/16 Python
Python基于Flask框架配置依赖包信息的项目迁移部署
2018/03/02 Python
python小白切忌乱用表达式
2020/05/29 Python
python中pandas库中DataFrame对行和列的操作使用方法示例
2020/06/14 Python
python实现将中文日期转换为数字日期
2020/07/14 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
美国顶尖折扣时尚购物网:Bluefly
2016/08/28 全球购物
美国在线宠物商店:Chewy
2019/01/12 全球购物
寻找完美的房车租赁:RVShare
2019/02/23 全球购物
户外亲子活动策划方案
2014/02/07 职场文书
2014年语文教师工作总结
2014/12/18 职场文书
高质量“欢迎词”
2019/04/03 职场文书
古诗之感恩老师
2019/10/24 职场文书
导游词之开封禹王台风景区
2019/12/02 职场文书
DIY胆机必读:各国电子管评价
2022/04/06 无线电