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 相关文章推荐
Input 特殊事件onpopertychange和oninput
Jun 17 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
移动开发之自适应手机屏幕宽度
Nov 23 Javascript
JS制作类似选项卡切换的年历
Dec 03 Javascript
Vue实现virtual-dom的原理简析
Jul 10 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
Dec 26 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
Sep 03 Javascript
关于layui时间回显问题的解决方法
Sep 24 Javascript
JavaScript交换变量常用4种方法解析
Sep 02 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数组循环操作详细介绍 附实例代码
2013/02/03 PHP
php 下载保存文件保存到本地的两种实现方法
2013/08/12 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
使用URL传输SESSION信息
2015/07/14 PHP
Yii1.1中通过Sql查询进行的分页操作方法
2017/03/16 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
jquery 删除cookie失效的解决方法
2013/11/12 Javascript
iframe父页面获取子页面参数的方法
2014/02/21 Javascript
检查表单元素的值是否为空的实例代码
2016/06/16 Javascript
需要牢记的JavaScript基础知识
2016/09/25 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
2017/05/19 Javascript
Vue实现数字输入框中分割手机号码的示例
2017/10/10 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
2018/04/03 Javascript
Vue商品控件与购物车联动效果的实例代码
2019/07/21 Javascript
autojs 蚂蚁森林能量自动拾取即给指定好友浇水的实现方法
2020/05/03 Javascript
node.js 如何监视文件变化
2020/09/01 Javascript
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
python爬虫之自动登录与验证码识别
2020/06/15 Python
Python中PyQt5/PySide2的按钮控件使用实例
2019/08/17 Python
django model object序列化实例
2020/03/13 Python
python 线程的五个状态
2020/09/22 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
新员工培训个人的自我评价
2013/10/09 职场文书
建筑经济管理专业求职信分享
2014/01/06 职场文书
旷课检讨书大全
2014/01/21 职场文书
奥利奥广告词
2014/03/20 职场文书
企业安全生产演讲稿
2014/05/09 职场文书
大学生入党自荐书
2015/03/05 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
劳动仲裁撤诉申请书
2015/05/18 职场文书
2015重阳节座谈会主持词
2015/07/30 职场文书
MySQL数据库表约束讲解
2022/06/21 MySQL