a标签使用onclick的 二重调用

最新推荐文章于 2023-11-21 09:19:40 发布
最新推荐文章于 2023-11-21 09:19:40 发布
阅读量769 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39590683/article/details/89134918
版权

对a，submit 等具有提交功能的标签，在使用 “xxx()” 属性时，要注意避免二重调用，它是先执行onclick事件，再执行默认事件，解决需要在 onclick 中添加 return false，表示去除默认事件，具体如下

在这里插入图片描述

小汤姆@谭
关注
专栏目录
a标签添加onclick事件的几种方式
猿飞梦的博客
11-13 1077
我们常用的在a标签中有点击事件： 1. a href="javascript:js_method();" 这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不 必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javascript语句 2. a hre...
用链接标签触发onclick事件而不跳转
butterflydream的专栏
11-04 3750
整理自：http://www.javaeye.com/topic/287377 在web页面开发时，我们经常会遇到下列情况：1.一个标签仅仅是要触发onclick行为；2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。比如执行删除操作时，为了避免误操作，我们要弹出对话框让用户确定是否删除。因此我们经常会用链接形式代替 触发onclick事件。 代
jsp中a标签和onclick事件同时使用的时候出现2次提交
jaryle的专栏
06-04 3653
jsp中a标签和onclick事件同时使用的时候出现2次提交 解决办法：我们通常都是屏蔽a标签的href属性，href=javascript:void(); 只是用onclick事件，跳转路径使用window.location.href="";
onclick触发两次_javascript-为什么onclick会被触发两次？
weixin_36397509的博客
01-15 1609
这是我一直在处理的一小段代码：我想要的是在单击相同元素时添加一个活动类来标记,并使默认行为保持不变.我不知道为什么两次触发点击事件？$('label.add-to-favourite').click(function(e){alert("here");$(this).toggleClass('active');});.add-to-favourite span{cursor: pointer;co...
onclick触发两次_为什么onClick事件触发两次？
weixin_39548490的博客
12-20 785
I have the following html:testWhen I call the following javascript:$('#test1').trigger('click');The onclick event is triggered twice, while I expect it to just trigger once. Because JQuery should look...
<a>标签中的onclick调用js方法传递多个参数的解决方案
热门推荐
程序E生
09-20 3万+
1.JS方法 funcation cc(parameter1,parameter2,parameter3,parameter4){ alert(parameter1,parameter2,parameter3,parameter4); } 2.标签我的链接
A标签中通过href和onclick传递的this对象实现思路
12-03
当涉及到在`<a>`标签上同时使用`href`属性和`onclick`事件时，`this`对象的行为可能会变得复杂，特别是在想要传递当前元素引用给一个处理函数时。本文将详细解释这个问题，并提供解决思路。 首先，`this`关键字在...
a标签调用js的方法总结
10-16
本文将详细介绍如何通过`<a>`标签调用JavaScript方法，并对比各种方法的优缺点。 1. `a href="javascript:js_method();"` 这是最基本的方法，直接将JavaScript函数写在`href`属性中。虽然简单，但存在一些问题。...
a 中调用js的几种方法整理及使用推荐
12-13
我们常用的在a标签中有点击事件： 1. a href="[removed]js_method();" 这是我们平台上常用的方法，但是这种方法在传递this等参数的时候很容易出问题，而且[removed]协议作为a的href属性的时候不仅会导致不必要的...
a标签中onclick事件的用法
sayoko06的博客
05-14 2万+
有时候我们使用a标签，不希望用到a标签的href去发送请求，因为可能需要再请求前做一些其他的js操作，所以希望通过onclick事件触发请求，推荐使用&lt;a href="javascript:void(0)" onclick="fn(this)"&gt; 使用js将href属性禁掉， href="javascript:void(0)"；问题：之前写a标签绑定onclick事件，href没有禁掉...
在a标签中使用了onclick修改样式之后a:hover失效
weixin_30826761的博客
05-03 321
是因为优先级的原因造成，使用!important修改优先级。 如修改成： .button1:hover { color: #FFF !important; background-color: #fb7000 !important; border: 1px solid #ffffff !important;...
html中的超链接（a标签）加onclick点击事件
最新发布
_江屿_
11-21 4716
html中的超链接（a标签）加onclick点击事件
HTML中在a标签中添加onclick事件
EmotionComputer
08-21 8110
链接的onclick 事件被先执行，其次是href属性下的动作; 假设链接中同时存在href 与onclick，如果想让href 属性下的动作不执行，onclick 必须得到一个false的返回值; <a onclick="jumpTo(); return false" href="http://www.baidu.com">链接</a> 如果页面过长有滚动条，且希望通过链接的 onclick 事件执行操作。应将它的 href属性设为 javascript:void(..
a链接绑定了 onclick 事件，单击事件中是history.go 单击两次才能后退的原因
hcy0404的博客
06-21 2515
问题代码： 跳转的代码： （在js里面没动态生成成） 拼接时注意  \'  转义字符，因为要传的参数url必须是字符串 html+= ''+ ''+obj[i].value+''+ ''; function lookAt(url){ window.location.href=url; } 回退的代码： $(".header_back").on("clic
onclick触发两次,为什么onclick元素会为标签元素触发两次
weixin_42310347的博客
12-20 253
window.onload = function(){var wow = document.getElementById("wow");wow.onclick = function(){alert("hi");}}TextThis is my code, when I clicked on "Text" it will alert hi twice but when I clicked on th...
使用<a>标签提交action会执行两次后台方法的原因(反射机制小实例问题的解决)
菜鸟一名
12-22 2361
上次在反射机制的实例里, 使用a标签提交action的时候会action类的execute方法会执行两次 而使用form标签来提交则不会出现这个问题, 使用内置浏览器也不会出现这个问题(IE,谷歌浏览器也不会出现这个问题) 后来在百度上查了很久都没有查找出答案, 然后在刚刚终于查到了问题的原因 一开始以为是struts对a提交action的方式有特殊的处理, 后来发现错了, 原来不是这样
html中a标签中的onclick和href的使用
zoohouse的专栏
08-23 4539
下面代码则执行了subgo()函数， 点我 在这里，javascript:void(0),没启实质上的作用，它仅仅是一个死链接，执行的函数是subgo()。 点我与点我区别。 实际上 #包含了一个位置信息默认的锚是#top 也就是网页的上端 ，而javascript:vo
layui.use 在a标签内onclick调用
l_degege的专栏
07-29 1万+
<a href="#" id="edit" onclick="onEdit('{{p.id}}','{{p.name}}','{{p.age}}');">修改</a> layui.use([ 'layer', 'form', "element" ], function() { var layer = layui.layer, $ = layui.jquery, form...
怎么对页面中所有的a标签使用onclick
06-12
您可以使用JavaScript遍历所有a标签，然后为每个a标签添加onclick事件。以下是一个示例代码： ```javascript // 获取所有a标签 var aTags = document.getElementsByTagName('a'); // 遍历所有a标签，添加onclick...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值