关于js生成的html绑定事件无效的信息

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

js绑定事件无法执行

这个要用到“事件委托”，就是把动态添加的元素的事件委托给它的父元素（非动态的）去处理，这样的话不管其子元素如果动态添加，都能捕捉其事件。

原因是这个元素绑定了类似onclick的事件，比如touchstart() touchend()；把代码放入一个函数执行即可。解决方法：改为onclick = alert(1) 在我页面实现了，能弹出弹窗。

可能原因如下：点击事件名称是onclick，请不要出现拼写错误。事件后面的对应的是方法名称，请确认该方法已经正确定义或者没有出现方法名称的拼写错误，方法名后要加()，如form()。

Q1: vue.js中用v-html添加的元素,绑定的事件不起作用

双击打开HBuilder工具，新建静态页面vhtml.html，并引入vue.js文件。在body/body标签元素插入一个div和input输入框标签，添加v-model和v-html指令。

解决：用v-html解析html标签 span v-html=item.name/span 不能使用 span{{item.name}}/span 解析，｛｛｝｝只能解析字符串。解决问题是看到的文档，可以看一下。

js在特定位置动态添加html可以利用HTML DOM appendChild() 方法。

另一方面通过编译模板文件，为控件的v-model绑定input事件，从而页面输入能实时更新相关data属性值。

Q2: jquery中修改了元素的html后无法触发事件

）代码错误，导致代码执行中断。这个最常见，也很好发现，打开控制台确认是否有错误产生即可。2）事件绑定在元素出现之前。

很多人都遇到过。所以不需要放代码我也知道。。出现触发不了事件的原因是，你的JS运行的时候没有找到append出来的这段代码，如果想要有效果的话，可以用on(click，function(){})；这个是即时的JQuery代码，望采纳。

解决方法为：新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。按钮点击触发事件。click按钮按下效果如图。

$ (：button).click (function () { body.append (a class=details href=#详情/a)； })； // 动态插入的html，需要委派事件处理。

Q3: 用JS动态添加HTML代码,JS不生效

1、后续动态添加的dom元素，需要对其“委派”绑定事件。

2、得看js代码执行的时间，在js中元素对象的获取要在加载完毕之后，那样的话是可以起作用的。

3、你的style.js一定是特效的吧，style是对dom元素进行操作，可是你的write(a)和write(b)是修改页面dom元素的，你先调用style.js，但这个时候aaa和bbb都不存在，所以不行啊。你应该调整一下style.js的顺序，放在最后。

4、如果AJAX加载的数据是一个HTML片段，包含脚本块，插入到当前文档一个元素中，你会发现AJAX加载回来的脚本根本没有执行。两种解决思路：查找并 eval 执行解决所有的返回片段中的 script 返回的脚本，放到 head 中间。

5、这是因为js操作的是子框架里的内容，就不能直接用document.getE...id的方式获取了。必需在前面加 window.frames[框架的名称name].document.getE...id的方式获取。

Q4: 通过js输出的html的div标签,为什么写的click事件无法操作呢?

1、将data参数转换丶事件正常应该不是onclick事件没有触发丶前端肯定是有报错丶你没有看到。

2、先注册事件，再添加div，是不行的。用on去注册事件。

3、本身就能实现的，style=cursor：pointer这就是实现你的需求。只是需要点击图片弹出ok的话做以下调整：onclick=javascript：alert(ok)。

4、原因是这个元素绑定了类似onclick的事件，比如touchstart() touchend()；把代码放入一个函数执行即可。

5、你用的是IE浏览器吧，然后在DIV中间写点字，然后点字上onclick不执行，是这个意思不。正常这么用好像在IE中有点问题，你在onclick里面在套一个onmouseover试试。

关于js生成的html绑定事件无效和的介绍到此就结束了，不知道你从中找到你需要的信息了吗？如果你还想了解更多这方面的信息，记得收藏关注本站。