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中的事件
Sep 23 Javascript
js函数调用常用方法详解
Dec 03 Javascript
两个listbox实现选项的添加删除和搜索
Mar 01 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
极力推荐10个短小实用的JavaScript代码段
Aug 03 Javascript
Angular.JS中的this指向详解
May 17 Javascript
extjs简介_动力节点Java学院整理
Jul 17 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
Apr 26 Javascript
JavaScript迭代器的含义及用法
Jun 21 Javascript
在pycharm中开发vue的方法步骤
Mar 04 Javascript
基于canvas实现手写签名(vue)
May 21 Javascript
浅谈JavaScript中等号、双等号、 三等号的区别
Aug 06 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 ftp文件上传函数(基础版)
2010/06/03 PHP
DOM XPATH获取img src值的query
2013/09/23 PHP
PHP数组操作类实例
2015/07/11 PHP
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
基于JavaScript实现的快速排序算法分析
2017/04/14 Javascript
vue-loader教程介绍
2017/06/14 Javascript
Node.js利用js-xlsx处理Excel文件的方法详解
2017/07/05 Javascript
Nodejs 复制文件/文件夹的方法
2017/08/24 NodeJs
mui框架移动开发初体验详解
2017/10/11 Javascript
jquery实现企业定位式导航效果
2018/01/01 jQuery
JavaScript多态与封装实例分析
2018/07/27 Javascript
js指定日期增加指定月份的实现方法
2018/12/19 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
深入浅出学习python装饰器
2017/09/29 Python
Python中join函数简单代码示例
2018/01/09 Python
Python递归实现汉诺塔算法示例
2018/03/19 Python
python版本的仿windows计划任务工具
2018/04/30 Python
Python搭建代理IP池实现获取IP的方法
2019/10/27 Python
python 循环数据赋值实例
2019/12/02 Python
Python 3.8 新功能大揭秘【新手必学】
2020/02/05 Python
Python %r和%s区别代码实例解析
2020/04/03 Python
python 轮询执行某函数的2种方式
2020/05/03 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
Pandas的数据过滤实现
2021/01/15 Python
html5+css如何实现中间大两头小的轮播效果
2018/12/06 HTML / CSS
车间工艺员岗位职责
2013/12/09 职场文书
劳动之星获奖感言
2014/02/01 职场文书
移交协议书
2014/08/19 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
向女朋友道歉的话
2015/01/20 职场文书
酒店销售经理岗位职责
2015/04/02 职场文书
会计做账心得体会
2016/01/22 职场文书
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技
box-shadow单边阴影的实现
2023/05/21 HTML / CSS