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 相关文章推荐
基于prototype扩展的JavaScript常用函数库
Nov 30 Javascript
利用原生JavaScript获取元素样式只是获取而已
Oct 08 Javascript
JavaScript设置表单上传时文件个数的方法
Aug 11 Javascript
Javascript编程中几种继承方式比较分析
Nov 28 Javascript
Mvc提交表单的四种方法全程详解
Aug 10 Javascript
javascript中Number的方法小结
Nov 21 Javascript
React Native 搭建开发环境的方法步骤
Oct 30 Javascript
JavaScript中严格判断NaN的方法
Feb 16 Javascript
Vue运用transition实现过渡动画
May 06 Javascript
js+canvas实现两张图片合并成一张图片的方法
Nov 01 Javascript
JS字符串补全方法padStart()和padEnd()
May 27 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 27 Vue.js
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 dirname()与__FILE__常量的应用
2013/06/24 PHP
php实现文件下载简单示例(代码实现文件下载)
2014/03/10 PHP
简单介绍PHP的责任链编程模式
2015/08/11 PHP
PHP模板引擎Smarty中的保留变量用法分析
2016/04/11 PHP
php实现文章评论系统
2019/02/18 PHP
摘自百度的图片轮换效果代码
2007/11/19 Javascript
由JavaScript技术实现的web小游戏(不含网游)
2010/06/12 Javascript
JavaScript类和继承 this属性使用说明
2010/09/03 Javascript
jQuery实现简单的图片查看器
2020/09/11 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
2016/05/10 Javascript
Bootstrap Table的使用总结
2016/10/08 Javascript
JS+CSS实现滚动数字时钟效果
2017/12/25 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
2018/05/30 jQuery
微信小程序提交form操作示例
2018/12/30 Javascript
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
python根据出生日期获得年龄的方法
2015/03/31 Python
Python中的pass语句使用方法讲解
2015/05/14 Python
python 实现线程之间的通信示例
2020/02/14 Python
python将logging模块封装成单独模块并实现动态切换Level方式
2020/05/12 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
Python通过yagmail实现发送邮件代码解析
2020/10/27 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
优瑞自动咖啡机官网:Jura
2018/09/29 全球购物
Java TransactionAPI (JTA) 主要包含几部分
2012/12/07 面试题
大学生职业生涯规划书模板
2014/01/03 职场文书
奉献演讲稿范文
2014/05/21 职场文书
销售人员求职信
2014/07/22 职场文书
危货运输企业安全生产责任书
2014/07/28 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
2015年小学生新年寄语
2014/12/08 职场文书
班主任先进事迹材料
2014/12/17 职场文书
财政局个人总结
2015/03/04 职场文书
幼儿园家长心得体会
2016/01/21 职场文书
python 实现的截屏工具
2021/05/08 Python
Nginx反向代理配置的全过程记录
2021/06/22 Servers