div中的onclick事件没效果?

div中的onclick事件没效果?,第1张

是肆空呀,IE和firefox的兼容性问题了,我也遇到过

你按以下修改下试试

Firefox无法响应DIV的onClick事件

原因:Firefox下不支持搭雹猜知型以下语法:

<DIV onClick="javascript:onPre()">

解决:全部按以下形式书写:

<DIV onClick=onPre()>

不生效主要薯余是因为:

动态生成皮团的dom之前的绑定事件都失效了

动态追加的元素之前的都有事件都已经没了

解决方法:

给父级绑定事件,采用事件委托的方式

dom动态生成燃手橘后,再次获取和重新绑定事件即可

可能原因如下:

1、点击事件名称是onclick,请不要出现拼写错误。薯哪键

2、事件后面的对应的是方法名称,请确认该方法已经正确数巧定义或者没有出现方法名称的拼写错误,方法名后要加(),如form()。

3、更改标签的内容需要inner.HTML且确认以获取到需要更改的div。

onclick实例:

<html>

<body>

Field1: <input type="text" id="field1" value="Hello World!">

<br />

Field2: <input type="text" id="field2">

<br /><br />

点击下面的按钮,把 缓并Field1 的内容拷贝到 Field2 中:

<br />

<button onclick="document.getElementById('field2').value=

document.getElementById('field1').value">Copy Text</button>

</body>

</html>

效果如下:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11989886.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存