a标签用jquery的attr添加onclick方法无效的解决

最新推荐文章于 2021-06-03 17:44:45 发布

转载最新推荐文章于 2021-06-03 17:44:45 发布 · 2.4k 阅读

JavaScript 同时被 3 个专栏收录

8 篇文章

订阅专栏

6 篇文章

订阅专栏

JQuery

4 篇文章

订阅专栏

本文探讨了在不同浏览器中为HTML的A标签设置点击事件的有效方法。在IE和Chrome等浏览器中，直接通过jQuery的attr方法给A标签的onclick属性赋值可能会失效。文章提供了一种解决方案：通过修改A标签的href属性来调用JavaScript函数，从而确保在各种浏览器中都能正常工作。

//在a的href中调用删除方法

a.attr("href","javascript:delRoleGroup("+n.id+","+id+")");

a.html("删除");

//只有火狐有效

//a.attr("onclick","delRoleGroup("+n.id+","+id+")");

					var a=$("<a/>");
					//在a的href中调用删除方法
					a.attr("href","javascript:delRoleGroup("+n.id+","+id+")");
					a.html("删除");
					//只有火狐有效
					//a.attr("onclick","delRoleGroup("+n.id+","+id+")");

直接创建a标签用attr赋onclick属性的话在ie和google中失效用js的a.onclick=方法名又会直接执行

所以要给a标签的href中调用js方法问题解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CEJ-盐井

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Jquery异步删除$(this).parent().parent()无效的解决办法

韦_恩的博客

03-24

3301

今天遇到了一个问题，Jquery异步删除无效，我是这么写的（看下图） $(this).parent().parent().remove()直接这么写，数据库删除是没有问题的，但是网页却无法动态删除，只能刷新页面才能显示最新的结果，这显然不是我想要的结果。实际上只需要这么改（先中间折腾下），定义一个变量var tr来接收一下，之后再通过tr.remove()就好了。 var tr = $...

jquery动态改变onclick属性导致失效的问题解决方法

01-19

代码如下: <li id=”” xss=removed></li> 虽然在很多时候，都是非常不推荐这样写的，但是还有有些时候会碰到这样的代码。那么你可能在某些时候需要去修改onclick 的属性如下：代码如下: $(“#id”).attr(“onclick”,url); 这样的代码，在chrome和firefox 中可以得到你想要的结果。遗憾的是在ie中，至少是ie7 以下是没有效果的，至于i8好像也是没有效果的。办法就是使用jquery 绑定. 代码如下: $(“#id”).attr(“onclick”,””).click(function(){ // }); 这里需要先清

参与评论您还未登录，请先登录后发表或查看评论

jq a标签动态绑定onclick事件

developerFBI的专栏

05-05

2183

我使用的Jq的库版本:jquery-3.5.0.min.js.以下代码在PC和移动端都可以使用。 1、JSP或HTML页面代码如下： <a href="javascript:void(0);" class="usepwdlogin" onclick="loginByPwd()">用密码登录</a> 2、JS代码如下: /** * 设置密码div显示，输入验证...

JQuery设置onclick事件无效的处理方法

阿达King哥的博客

05-23

2万+

//必须先清除原有的事件 $("#" + ctrId).attr("onclick", ""); //再重新绑定新的事件 $("#" + ctrId).bind("click", function() { locate(ctrId); });

通过jQuery的attr修改onclick

chelen_jak的专栏

05-04

8043

转自：http://www.oschina.net/code/snippet_111193_15135 1. [代码][JavaScript]代码

jquery判断页面网址是否有效的两种方法

10-20

本文提供了两种使用jQuery进行页面网址有效性判断的方法：jQuery方法和AJAX XMLHTTP方法。 ### jQuery方法 jQuery方法是一种利用jQuery库来发起AJAX请求判断链接有效性的技术。具体步骤如下： 1. 在HTML页面中引入...

const tag = $('<a>', { href: '#', text: value.title, target: '_blank' });如何在这个a标签中再添加onclick事件

最新发布

07-24

因此，我们有两种方法为动态创建的a标签添加onclick事件：方法一：在创建a标签时直接使用内联事件（不推荐，因为这样会混合行为与结构）例如：`$("<a>", { text: "点击我", onclick: "myFunction()" })` ...

解决JQuery全选/反选第二次失效的问题

11-27

接着，开发者在网上搜索解决方案，发现使用`prop()`代替`attr()`可以解决此问题，因为`prop()`适用于处理DOM元素的布尔属性。然而，由于项目使用的jQuery版本低于1.6，且不建议升级，所以这个方案也被放弃。最终...

Jquery的attr("onclick",function{alert('123')})无效果

先知的程序

10-31

1942

//以下註釋寫法在vs中可以運行。但是發布到iis上就無效了。 // $("#RiQi").attr("onBlur", "if (this.value=='') {document.getElementById('SpanRiQi').innerHTML = '*不能为空！';} else {document.getElementById('SpanRiQi').innerHTML = ''

jquery动态设置attr onclick的那些事

学习点滴

07-06

1985

[b]html 代码：[/b] [code="java"] 取消发布发布 [/code] [b]业务要求：[/b] 1、页面加载时会根据whether_release的值，当为0时显示发布，大于0，即为1时，显示取消发布。 2、JS代码操作中当单击取消发布执行成功后，需把标签的单击事件修改为发布的事件，并把文本修改为发布，而操作发布事件，刚好相反，这就需...

jquery attr onclick 问题

starzxf的专栏

10-30

561

今天要写个获取验证码倒计时 60 秒，用到了 setInterval 。其中按钮点击后要禁用 onclick 事件 (当然也可以在 onclick 事件中判断剩余时间小于 60 秒就 return false) ，当剩余时间为 0 秒时，则要恢复按钮的 onclick 事件，[color=red]问题就出在恢复 onclick 上，enableObj 函数一执行...

jquery动态改变onclick属性失效的问题!

weixin_34275734的博客

12-04

336

<li id="" onclick =""></li> 虽然在很多时候，都是非常不推荐这样写的，但是还有有些时候会碰到这样的代码。那么你可能在某些时候需要去修改onclick 的属性如下： $("#id").attr("onclick",url); 这样的代码，在chrome和firefox 中可以得到你想要的结果。遗憾的是在ie中，至...

关于a标签的点击事件触发无效的问题

monkeyfly学前端

07-21

4万+

Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。前提项目为：xxxx管理系统。在该系统中，可以通过点击左侧的菜单（导航栏）来实现右边内容的切换。而且内容区的页面都是嵌套在 iframe 框架中的。前提： iframe 嵌套的某个页面中有一个 &amp;amp;lt;a&amp;amp;gt; 标签。如：&amp;amp;lt;a href=&amp;quot;javascript:;&amp

a标签添加onclick事件的几种方式

热门推荐

manman的分享

02-24

11万+

我们常用的在a标签中有点击事件：1. a href="javascript:js_method();"这种方法在传递this等参数的时候很容易出问题，而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javascript语句2. a href="...

html点击修改名称,jquery 动态移除/增加onclick 增加,移除,修改一个html标签的class名字...

weixin_28885435的博客

06-03

532

1. 增加一个class：$(".default").addClass("hover_s");2. 移除一个class：$(".default").removeClass("default ");3. 修改一个class：3.1 可以分两步走：1 先增加一个你要增加的class$(".default").addClass("hover_s");2 再删除一个你想要删除的class$(".d...

ie7使用$(obj).attr("onclick","alert(111)")没效果解决方案

weixin_34060299的博客

08-14

240

2019独角兽企业重金招聘Python工程师标准>>> ...

jquery动态移除/增加onclick属性详解

敲键盘的猫

07-25

5285

本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法，有需要了解的朋友可参考。要实现效果：点击链接先去掉onclick属性，3秒后再自动加上该标签中的onclick属性 jQuery中，针对标签属性的操作都是使用attr()方法来实现的，比如：$("a").attr("onclick")可获得a标签的onclick属性,对应

JQuery模拟点击页面上的所有a标签，触发onclick事件

DaleyZou的博客

08-19

2916

注意：这种方法需要给所有的a标签加上id属性 &lt;script&gt; $(function () { // 模拟点击页面上的所有a标签，触发onclick事件 $("a").each(function () { document.getElementById(this.id).click(); }) ...