js a标签点击事件
当我们在处理a标签上的点击事件时发现即使href=""里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种:
1.a href="javascript:void(0);" rel="external nofollow" onclick="method()"
这种方法是比较最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,地址不发生跳转。而且这种方法不会像第一种方法一样直接将js方法暴露在浏览器的状态栏。
2.a href="javascript:;" rel="external nofollow" onclick="method()"
这种方法跟跟2种类似,区别只是执行了一条空的js代码。
3.a href="#" rel="external nofollow" rel="external nofollow" onclick="method()"
这种方法也是网上很常见的代码,#是标签内置的一个方法,代表top的作用。所以用这种方法点击后网页后返回到页面的最顶端。
4.a href="#" rel="external nofollow" rel="external nofollow" onclick="method();return false;"
这种方法点击执行了js函数后return false,阻止了事件本身的默认行为,页面不发生跳转,执行后还是在页面的当前位置。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持我们!
相关推荐
-
Js实现当前点击a标签变色突出显示其他a标签回复原色
当一个页面有多个a标签,且点击后会跳转至当前页面,如何实现被点击标签变色突出显示,其他标签回复原色呢? 利用JS可实现: 假设当前页面是"1.aspx" 1. 给a标签ID设值: 复制代码 代码如下: <a href="1.aspx?id=1" id="1" target="_parent">""</a> <a href="1.aspx?id=2" id=&
-
使用JS或jQuery模拟鼠标点击a标签事件代码
复制代码 代码如下: <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转 把 &
-
JS中如何实现点击a标签返回页面顶部的问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ font-size: 400px; } </style> </head> <body> <p>?</p> <a href=&quo
-
js 点击a标签 获取a的自定义属性方法
今天项目上遇到一个问题,需要在点击a标签时,将完整的内容显示出来 原先是想用jquery的click方法 <a ownattr="--" onClick="showDetail(this)">哈哈</a> 在jquery的click方法中将this的ownattr属性赋值给完整内容的div标签 然而这却一直行不通 一阵研究后发现,原来项目框架是用jquery ajax获取后台列表信息的,页面在执行到click方法时,ajax还没完成 随后决定
-
JS 实现点击a标签的时候让其背景更换
复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type=text/javascript src="alabel.js"></script> <style type=&q
-
a标签置灰不可点击的实现方法
a标签的title属性可以实现鼠标放上去显示信息的功能 <a title="编辑" href ="javascript:return false;" onclick="return false;" style="cursor: default;"><i class="edit" style="opacity: 0.2"></i></a>
-
IE6下通过a标签点击切换图片的问题
不过, 国内大部分用户还是在用IE6. IE6下通过a标签的onclick事件切换某个图片时, 有可能出现图片无法加载问题, httpwatch抓取表现结果是abort. 测试了一下,找到了解决办法. a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样: 1. <a href="javascript://" onclick="dosomething()">a1</a> 2. <a href="javascript
-
js a标签点击事件
当我们在处理a标签上的点击事件时发现即使href=""里面为空,点击事件的效果也不明显,这种情况该如何处理呢?常见的处理方法有以下几种: 1.a href="javascript:void(0);" rel="external nofollow" onclick="method()" 这种方法是比较最常用的方法,也是最周全的方法,onclick方法负责执行js函数,而void是一个操作符,void(0)返回undefined,
-
JS检测页面中哪个HTML标签触发点击事件的方法
本文实例讲述了JS检测页面中哪个HTML标签触发点击事件的方法.分享给大家供大家参考,具体如下: 在html标签中,为了页面显示的美观,会在标签中相互嵌套,在做"效果"的时候就难免不了的添加各种事件,例如: <a href=""><span onclick="">dddd</span></a> 当用户点击的时候,想确定是链接产生的事件还是span标签onclick标签产生的事件,这个有时候是很有必要
-
JS通用方法触发点击事件代码实例
这篇文章主要介绍了JS通用方法触发点击事件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 最简单的触发单击事件肯定是elem.click(),平时在不需要考虑兼容性的场合我都是这么干的,但是毕竟这个方法有兼容性(具体兼容性如何没做过测试),所以还是要掌握一个通用的方法. 以下代码是网上比较容易找到的一段代码,我在前面加了一段MouseEvent的判断: /** * 触发单击事件 * @param elem 需要触发事件的DOM对象 */
-
vue.js中关于点击事件方法的使用(click)
目录 关于点击事件方法的使用(click) vue点击click事件解析 关于点击事件方法的使用(click) 定义vue.js: <script src="../js/vue.min.js"> </script> 也可以使用网上的: <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></script> 都可以. 定义方法: let vm=new
-
asp.net js模拟Button点击事件
复制代码 代码如下: <script type="text/javascript"> ///模拟按钮点击事件,插入数据 function addTmpDataApp() { document.<%=formCC.ClientID %>.<%=btnjh.ClientID %>.click(); } </script> 这有时候是无法执行模拟点击的. 需要加上一句代码就可以了. 复制代码 代码如下: <script type=&quo
-
在Firefox下js select标签点击无法弹出
在项目中运用到了JQUERY UI,用到了其中的disableSelection()方法,这个方法是让页面上的指定元素无法通过鼠标拖拽进行选择. 由于某些需求,我在给div使用了此方法后,达到了上述效果,但是有不足的地方. 在Firefox下运用此方法后,div中的select方法点击之后将会无法弹出,在IE和CHROME下没有此现象.
-
JS实现点击事件统计的简单实例
JS实现网站点击事件的统计功能. 点击事件上报,分为立即上报和延时上报,延时上报通过cookie存储. 一.配置参数,主要用于定义上报的一些配置信息.通过在外部定义_clickc对象重置参数. 参数名称 类型 默认值 说明 selector: string '_click_rp' 点击触发的选择器,支持ID.class prefix: string '_rp_'
-
Android实现动态添加标签及其点击事件
在做Android开发的时候,会遇到动态添加标签让用户选择的功能,所以自己写了个例子,运行效果图如下. 标签可以左右滑动进行选择,点击的时候,会弹出toast提示选择或者取消选择了哪个标签.通过动态添加TextView作为标签,并给TextView设置背景,通过selector选择器改变其背景颜色,来确定是否处于选中状态. 代码如下所示: 1.标签的布局文件,我在标签里只设置了一个TextView <?xml version="1.0" encoding="utf-8&
-
JavaScript中点击事件的写法
<button id="btn">click</button> var btn=document.getElementById('btn'); 第一种: btn.onclick=function(){ alert('hello world'); } 消除事件:btn.onclick=null;//就不会弹出框了 第二种: btn.addEventListener('click',function(){alert('hello world')},false); b
-
vue a标签点击实现赋值方式
如下所示: v-for="kf in kefu" function copy_fun(copy){ //参数copy是要复制的文本内容 上面的方法就可用了,亲测可用! 补充知识:VUE 给类似a标签加点击事件不跳转的问题 VUE的@click事件修饰符 运用: .prevent 阻止默认行为 <a href="url" rel="external nofollow" @click.prevent="myClick">
随机推荐
- AngularJS 视图详解及示例代码
- Perl批量下载Gmail附件的代码
- js实现四舍五入完全保留两位小数的方法
- 为Windows 2003移植系统还原
- Java常用字符串方法小结
- FF火狐下获取一个元素同类型的相邻元素实现代码
- jQuery+ajax+asp.net获取Json值的方法
- php导出csv格式数据并将数字转换成文本的思路以及代码分享
- C#中使用ADOMD.NET查询多维数据集的实现方法
- C#实现程序开机启动的方法
- c++实现跳跃表(Skip List)的方法示例
- JavaScript中的prototype原型学习指南
- 查杀rundllfromwin2000病毒的方法
- 分享两款带遮罩的jQuery弹出框
- Python设计模式编程中的备忘录模式与对象池模式示例
- apache中通过mod_rewrite实现伪静态页面的方法
- 域名查询代码公布
- 模拟按Home键退出应用的简单方法(分享)
- 详解webpack与SPA实践之开发环境搭建
- Spring Security认证提供程序示例详解