开发者社区开发与运维文章正文

JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）

2016-05-09 3198

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

主要原因：在页面给元素注册点击事件的时候【 $(function () { XXX }); 】，JS动态生成的元素还尚未生成，所以click事件就没有生效

解决方法：

方案一：js动态生成元素后再给其注册事件 【注册事件放在动态生成的js下面（js是从上往下执行的，当注册事件的时候元素已经生成了，就不会出现注册失效的现象了）】

话比较抽象举个例子：

方案二：js动态生成元素的时候给他加上 onClick之类的方法

举个例子：

如果你又更好的方案，那小子受教了~~

文章标签：

JavaScript

关键词：

JavaScript鼠标移动

毒逆天

1387809421166477

JavaScript 前端开发

JavaScript实现div块跟随鼠标移动效果

JavaScript实现div块跟随鼠标移动效果前面讲了这么多DOM事件有关的属性等，现在我们进行一些相关的练习，实现div块跟随鼠标移动效果，如图：在这里插入图片描述 HTML代码： <div id="box"></div> 1 CSS代码： *{ margin: 0; padding: 0; } body{ width: 2000px; height: 2000px; } #box{ width: 200px; heigh

1387809421166477

245 0 0

极客李华

4月前

JavaScript 前端开发数据安全/隐私保护

JS制作跟随鼠标移动的图片

极客李华

21 0 0

1387809421166477

JavaScript 前端开发

JavaScript实现一串div跟随鼠标移动效果（幻影效果）

JavaScript实现一串div跟随鼠标移动效果上一篇博文我们说到了利用JavaScript实现div块跟随鼠标移动的效果。现在来讲一个进阶版，实现一串div跟随鼠标移动效果，鼠标幻影效果。如图：在这里插入图片描述 HTML代码： <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div

1387809421166477

169 0 0