innerHTML中onclick()无法执行的解决

最新推荐文章于 2024-05-10 10:18:38 发布
原创 最新推荐文章于 2024-05-10 10:18:38 发布 · 7.2k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #IE #程序开发

本文探讨了在JS中处理内联样式标签时遇到的onclick事件执行失败的问题，通过添加转义符和使用括号解决了该问题，并提供了相关代码示例。
这两天弄js碰到一个问题.innerHTML = "<a href='#' onclick=‘doGo(this.title);return false;’ >" + citys + "</a>";网页上点击标签之后onclick没有执行，后来上网查资料发现这里要用双引号，当然直接使用是不行的，加了\转义符之后解决，.innerHTML = "<a href='#' onclick=\"doGo(this.title);return false;\" >" + citys + "</a>";这样就可以执行了。当然也可以加括号如下：(.innerHTML = "<a href='#' onclick=\"doGo(this.title);return false;\" >" + citys + "</a>";)
动态添加dom元素(innerHTML方式)时focus()在第二次时会失效的解决办法
lishirong_李世荣的专栏
12-02 2584
纠结了很久，终于把这个问题解决了！之前在动态构建这个innerHTML内容时，第一次光标可以自动定位到文本框中,但是在第二次构造的时候就失效了。最后终于在一个网站上瞅到了解决办法。非常感谢blueidea的misshjn网友提出的问题，也非常感谢mozart0这位网友给出的解答，直接帮我解决了这个困惑。引用地址：http://bbs.blueidea.com/thread-2608749-1-1.
精选资源
关于innerHTML后丢失动态绑定的EVENT问题解决方法
01-19
用innerHTML取出一段内容后再innerHTML回去,那么原来动态绑定的事件就会丢失,如: html: 代码如下: <body>.../body>... 解决方法： 把onclick绑定到父元素，利用冒泡原理，判断当前元素是否为d1,若
调用innerHTML之后onclick失效问题的解决方法
09-04
调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件
html innerhtml 绑定事件无效,innerHTML 中添加onclick步骤 不管用
weixin_29041443的博客
06-03 1660
innerHTML 中添加onclick方法 不管用div.style.height="200px";div.style.cursor="pointer";div.style.border="1pxsolidgray";div.style.backgroundColor="white";div.style.margin="auto";div.id="divTableP...
html innerhtml 绑定事件无效,关于innerHTML的onclick失效问题
weixin_39590566的博客
06-03 1308
[HTML] 纯文本查看 复制代码Titletable {width: 500px;margin: auto;border: 2px silver solid;text-align: center;}tr, td, th {border: 2px silver solid;}.div {margin-bottom: 20px;text-align: center;}a:link {color: r...
javascript option onclick事件ie解决方案 兼容ie,firefox
10-29
JavaScript 中的 Option onclick 事件是用户在Select 元素中选择一个选项时触发的事件，但是在 Internet Explorer（IE）浏览器中，该事件无法正确触发，这给开发者带来了不少麻烦。今天，我们将讨论如何解决这个问题...
A标签中通过href和onclick传递的this对象实现思路
12-03
解决这个问题的一个方法是保持使用`onclick`事件，但避免使用`href`来执行JavaScript代码。可以将`href`设置为`#`或`javascript:void(0)`来防止页面跳转，同时确保`onclick`事件正常工作。例如： ```html ...
动态循环中onclick赋值与闭包问题解决方案
综上所述，“动态循环给 onclick 赋值（解决闭包问题）”不仅仅是一个简单的代码示例，它深刻揭示了 JavaScript 语言设计中关于作用域、闭包和异步执行的核心原理。掌握这一知识点，有助于开发者写出更加健壮、可...
变相解决调用innerHTML之后，onclick失效的问题
kyrin(云中鹤)
01-28 5138
最近再写一个项目，用到了innerHTML，但是呢，发现调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件，所我们只有另找出路了，我们不能直接实现，但是可以间接实现，下面就举个例子： 例子一：该例子是无法实现的onclick的 function insCell(th) v
js通过innerHTML添加元素点击事件
最新发布
可达鸭的博客
05-10 930
js往元素里动态添加一个按钮，并激活点击事件innerHTML
bootstrap动态添加html元素，onclick失效
nkymxx123456的博客
08-13 953
前端：动态添加html元素，onclick失效 现象：使用on事件，发现动态添加的元素绑定失效。 $("#id").on(“click”,function () { console.log(“deldeldel”) }) 解决：使用on绑定事件 $(document).on(‘click’,’#id’,function() { console.log(“deldeldel”) }); ...
HTML中关于使用 innerHTML 动态创建DOM节点时，相关事件（如onclick等）失效的解决方案
XH_jing的博客
01-28 3180
最近在进行项目模块的迭代开发工作，偶尔会碰到几个值得记录的问题，这里就给大家整理分享一下，以及相应的解决方案。
js中innerHTML的动态绑定的事件丢失
weixin_34310369的博客
07-06 977
js事innerHTML事件丢失 ----欢迎查看我的博客----   老前端人以前很容易遇到这种问题。渲染服务器端的数据，包装成自己的HTML，使用innerHTML或者.html（），异步的把它渲染上去。这时候会发现子元素写的一些事件不生效。 案发现场   例如我们想在body中追加一个div,仔细看下面这个代码，您就会发现我在说什么了。 &lt;body&gt; &lt;button i...
html动态添加元素绑定事件无效,javascript – 动态创建元素并添加onclick事件不起作用...
weixin_42411097的博客
06-03 806
我有一个for循环创建div元素,ID为’category1′,’category2’等.循环遍历一个键/值数组,看起来像这样："0" : "Java","1" : "JavaScript","2" : "HTML"因此,div的ID是“类别”的关键.在for循环中,元素被添加到container-div的innerHTML中,我添加了一个onclick-event.这是我正在谈论的for循环：f...
给动态动态生成元素绑定事件不生效解决方法
Oliver尹的博客
06-10 3092
如题：动态生成的元素绑定事件后没有生效，或者说操作时没有效果 js，jq动态生成的元素，在绑定前，先一定要确认，执行绑定操作的时候，该元素是不是已经存在在页面上，也就是html上了，假如执行绑定的时候元素还没有生成在页面上，那么绑定肯定就失败了 解决办法： 1.等待元素生成后，再在元素上绑定事件 2.采用事件委托给上级元素绑定事件（夸张点说直接给body元素绑定事件委托）   $("b...
innerHtml click事件
Lydia420的博客
07-26 2218
Vue innerHtml click事件 vue项目中使用G6作为展示拓扑图的库 在使用tooltip时，想在tooltip中添加点击事件，由于tooltip返回内容使用的是innerHtml，所以methods中的方法不能直接引用 解决方法如下： 标签中使用click事件，使用模板函数传参 //事件 getContent: e => { const outDiv = document.createElement('div') outDiv.style.width = 'fit-cont
html innerhtml 绑定事件无效,调用innerHTML之后onclick失效问题的解决方法
weixin_28909289的博客
06-03 2209
最近再写一个项目，用到了innerHTML，但是呢，发现调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件，所我们只有另找出路了，我们不能直接实现，但是可以间接实现，下面就举个例子：例子一：该例子是无法实现的onclick的function insCell(th)var name=th.name...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值