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

简介:

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

 

解决方法:

 

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

话比较抽象举个例子:

 

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

举个例子:

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

目录
相关文章
|
1月前
|
JavaScript 前端开发
JavaScript实现鼠标放上去之后高亮显示且隔行换色
JavaScript实现鼠标放上去之后高亮显示且隔行换色
12 0
|
6月前
|
Web App开发 移动开发 JavaScript
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
【前端用法】HTML5 Video标签如何屏蔽右键视频另存为的js代码以及如何禁用浏览器控件,Video 禁止鼠标右键下载
170 0
|
1月前
|
存储 JSON JavaScript
如何使用 JavaScript 代码创建虚拟鼠标点击事件
如何使用 JavaScript 代码创建虚拟鼠标点击事件
18 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
JS制作跟随鼠标移动的图片
JS制作跟随鼠标移动的图片
20 0
|
3月前
|
JavaScript 前端开发 数据安全/隐私保护
JS实现获取鼠标在画布中的位置
JS实现获取鼠标在画布中的位置
18 0
|
8月前
|
JavaScript
JS禁止打开控制台(鼠标右键)
JS禁止打开控制台(鼠标右键)
154 0
|
4月前
|
JavaScript
【经典】原生JS实现“用鼠标拖拽(drag)内容DIV”,滚动条对应同步滚动
【经典】原生JS实现“用鼠标拖拽(drag)内容DIV”,滚动条对应同步滚动
|
4月前
|
JavaScript 前端开发
原生JavaScript之dom表单改变和鼠标常用事件
那么好,本次我们聊聊表单改变时如何利用onchange方法来触发input改变事件以及鼠标常用的滑入滑出,点击down和点击up事件.
31 2
|
5月前
|
JavaScript 前端开发
JS javascript 点击鼠标 鼠标事件 获取元素 获取元素Xpath
JS javascript 点击鼠标 鼠标事件 获取元素 获取元素Xpath
59 0
|
5月前
|
JavaScript
网页里如何使用js屏蔽鼠标右击事件
网页里如何使用js屏蔽鼠标右击事件
29 0