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 相关文章推荐
javascript 屏蔽鼠标键盘的几段代码
Jan 02 Javascript
优化Jquery,提升网页加载速度
Nov 14 Javascript
js动态往表格的td中添加图片并注册事件
Jun 12 Javascript
node.js中的http.request.end方法使用说明
Dec 10 Javascript
jQuery实现的纵向下拉菜单实例详解【附demo源码下载】
Jul 09 Javascript
微信小程序自定义组件
Aug 16 Javascript
微信小程序 POST请求的实例详解
Sep 29 Javascript
bootstrap 通过加减按钮实现输入框组功能
Nov 15 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
Vue使用Proxy监听所有接口状态的方法实现
Jun 07 Javascript
JavaScript原型继承和原型链原理详解
Feb 04 Javascript
Javascript类型判断相关例题及解析
Aug 26 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来计算某个目录大小的方法
2014/04/01 PHP
codeigniter中实现一次性加载多个view的方法
2015/03/20 PHP
纯php生成随机密码
2015/10/30 PHP
PHP中Notice错误常见解决方法
2017/04/28 PHP
PHP实现统计所有字符在字符串中出现次数的方法
2017/10/17 PHP
JavaScript 字符串乘法
2009/08/20 Javascript
js函数的延迟加载实现代码
2012/10/11 Javascript
JS动态获取当前时间,并写到特定的区域
2013/05/03 Javascript
javascript Event对象详解及使用示例
2013/11/22 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
完美的js图片轮换效果
2017/02/05 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
基于Vue2x的图片预览插件的示例代码
2018/05/14 Javascript
解决axios post 后端无法接收数据的问题
2019/10/29 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
python发腾讯微博代码分享
2014/01/10 Python
用Python输出一个杨辉三角的例子
2014/06/13 Python
Python多线程、异步+多进程爬虫实现代码
2016/02/17 Python
在python3.5中使用OpenCV的实例讲解
2018/04/02 Python
pandas全表查询定位某个值所在行列的方法
2018/04/12 Python
tensorflow 1.0用CNN进行图像分类
2018/04/15 Python
使用python实现http及ftp服务进行数据传输的方法
2018/10/26 Python
CSS3线性渐变简单实现以及该属性在浏览器中的不同
2012/12/12 HTML / CSS
HTML5 Canvas中绘制椭圆的4种方法
2015/04/24 HTML / CSS
戴森香港官方网站:Dyson香港
2021/02/11 全球购物
机电专业个人自荐信格式模板
2013/09/23 职场文书
单位工程竣工验收方案
2014/03/16 职场文书
2013年最新自荐信范文
2014/06/23 职场文书
法定代表人授权委托书
2014/09/19 职场文书
2014年司法所工作总结
2014/11/22 职场文书
捐款通知怎么写
2015/04/24 职场文书
JS监听Esc 键触发事键
2021/04/14 Javascript
关于python pygame游戏进行声音添加的技巧
2021/10/24 Python