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

最新推荐文章于 2024-05-10 10:18:38 发布
最新推荐文章于 2024-05-10 10:18:38 发布
阅读量7.2k 收藏 6
点赞数 3
CC 4.0 BY-SA版权
分类专栏： HTML 文章标签： ie IE 程序开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/shulianghe/article/details/8560394
本文探讨了在JS中处理内联样式标签时遇到的onclick事件执行失败的问题，通过添加转义符和使用括号解决了该问题，并提供了相关代码示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这两天弄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>";)
html innerhtml 绑定事件无效,innerHTML 中添加onclick步骤 不管用
weixin_29041443的博客
06-03 1627
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 1276
[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...
调用innerHTML之后onclick失效问题的解决方法
09-04
调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件
变相解决调用innerHTML之后，onclick失效的问题
kyrin(云中鹤)
01-28 5103
最近再写一个项目，用到了innerHTML，但是呢，发现调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件，所我们只有另找出路了，我们不能直接实现，但是可以间接实现，下面就举个例子： 例子一：该例子是无法实现的onclick的 function insCell(th) v
关于innerHTML后丢失动态绑定的EVENT问题解决方法
01-19
用innerHTML取出一段内容后再innerHTML回去,那么原来动态绑定的事件就会丢失,如: html: 代码如下: <body>.../body>... 解决方法： 把onclick绑定到父元素，利用冒泡原理，判断当前元素是否为d1,若
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 ...
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
10-29
在JavaScript中，`onmousedown`、`onmouseup` 和 `onclick` 是三个常见的鼠标事件，分别对应于鼠标按钮被按下、释放以及单击操作。在同一个元素上同时使用这三个事件可以实现更复杂的交互功能，但同时也可能带来一些...
js通过innerHTML添加元素点击事件
最新发布
可达鸭的博客
05-10 867
js往元素里动态添加一个按钮，并激活点击事件innerHTML
bootstrap动态添加html元素，onclick失效
nkymxx123456的博客
08-13 936
前端：动态添加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 3099
最近在进行项目模块的迭代开发工作，偶尔会碰到几个值得记录的问题，这里就给大家整理分享一下，以及相应的解决方案。
动态添加dom元素(innerHTML方式)时focus()在第二次时会失效的解决办法
lishirong_李世荣的专栏
12-02 2564
纠结了很久，终于把这个问题解决了！之前在动态构建这个innerHTML内容时，第一次光标可以自动定位到文本框中,但是在第二次构造的时候就失效了。最后终于在一个网站上瞅到了解决办法。非常感谢blueidea的misshjn网友提出的问题，也非常感谢mozart0这位网友给出的解答，直接帮我解决了这个困惑。引用地址：http://bbs.blueidea.com/thread-2608749-1-1.
js中innerHTML的动态绑定的事件丢失
weixin_34310369的博客
07-06 960
js事innerHTML事件丢失 ----欢迎查看我的博客----   老前端人以前很容易遇到这种问题。渲染服务器端的数据，包装成自己的HTML，使用innerHTML或者.html（），异步的把它渲染上去。这时候会发现子元素写的一些事件不生效。 案发现场   例如我们想在body中追加一个div,仔细看下面这个代码，您就会发现我在说什么了。 &lt;body&gt; &lt;button i...
html动态添加元素绑定事件无效,javascript – 动态创建元素并添加onclick事件不起作用...
weixin_42411097的博客
06-03 790
我有一个for循环创建div元素,ID为’category1′,’category2’等.循环遍历一个键/值数组,看起来像这样："0" : "Java","1" : "JavaScript","2" : "HTML"因此,div的ID是“类别”的关键.在for循环中,元素被添加到container-div的innerHTML中,我添加了一个onclick-event.这是我正在谈论的for循环：f...
给动态动态生成元素绑定事件不生效解决方法
Oliver尹的博客
06-10 2979
如题：动态生成的元素绑定事件后没有生效，或者说操作时没有效果 js，jq动态生成的元素，在绑定前，先一定要确认，执行绑定操作的时候，该元素是不是已经存在在页面上，也就是html上了，假如执行绑定的时候元素还没有生成在页面上，那么绑定肯定就失败了 解决办法： 1.等待元素生成后，再在元素上绑定事件 2.采用事件委托给上级元素绑定事件（夸张点说直接给body元素绑定事件委托）   $("b...
innerHtml click事件
Lydia420的博客
07-26 2152
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 2174
最近再写一个项目，用到了innerHTML，但是呢，发现调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件，所我们只有另找出路了，我们不能直接实现，但是可以间接实现，下面就举个例子：例子一：该例子是无法实现的onclick的function insCell(th)var name=th.name...
JavaScript实现中文转拼音的编码解码解决方案
<button onclick="document.getElementById('pinyinOutput').innerHTML = convertToPinyin(document.getElementById('chineseInput').value)">转换成拼音 <div id="pinyinOutput"></div> ``` 这样，当用户输入中文...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值