首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么动态添加的按钮接收不到输入?

动态添加的按钮接收不到输入可能是因为以下几个原因:

  1. 事件绑定问题:动态添加的按钮需要通过事件绑定来接收用户的输入。如果没有正确地绑定事件,按钮就无法响应用户的操作。可以通过使用addEventListener()方法或者直接在HTML中添加onclick属性来绑定事件。
  2. 元素不存在或未加载:如果动态添加的按钮在绑定事件之前就被创建,或者在绑定事件时还未加载到DOM中,那么按钮就无法接收到输入。确保在绑定事件之前,按钮已经被正确地创建并加载到DOM中。
  3. 作用域问题:如果动态添加的按钮是在某个函数内部创建的,那么按钮的作用域可能限制在该函数内部,导致无法接收到输入。可以将按钮的作用域扩大到全局,或者使用闭包来解决作用域问题。
  4. 其他代码逻辑问题:检查代码中是否存在其他可能导致按钮无法接收输入的逻辑问题,例如其他事件的冲突、条件判断错误等。可以通过调试工具或者打印日志来定位问题所在。

总结起来,动态添加的按钮接收不到输入可能是由于事件绑定问题、元素不存在或未加载、作用域问题或其他代码逻辑问题所导致。需要仔细检查代码,并确保按钮正确地绑定了事件,并且在正确的时机被创建和加载到DOM中。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JSjQuery获取不到动态添加元素节点解决方法

今天写了一个添加图片功能,要求右上角要有删除按钮,我使用 jQuery 动态添加方式。...发现后添加元素无法删除,打印显示 undefined ,原来 JavaScript 和 jQuery 无法获取动态添加元素节点。...解决方法: 动态添加标签要事件委托才能获取到节点,也就是说要用: $(selector).on(events,[selector],[data],fn) 属性解析: 参数 描述 events 一个或多个用空格分隔事件类型和可选命名空间...function () {         $(this).parent().remove();         console.log($(this))     }) }) 注意: .sup-img-box 为动态添加节点父级节点...,这里要保证该父级节点不是动态添加,不然同样会获取不到

7K10
  • 一篇文学会商用可编辑问卷表单制作【iVX 十二】

    : 接着在组件内容列下添加一个 if 判断,在 if 判断下添加一个输入框组件,输入框组件设置属性为单行,也就是默认设置: 此时我们添加一个 for 循环组件至添加内容列之下,命名为创建动态添加元素...此时在右侧显示中创建一个保存按钮并且设置初始状态为隐藏: 随后为编辑按钮创建一个事件点击时触发,将输入框、保存按钮显示,单行文本标题与当前编辑按钮进行隐藏: 接着我们创建一个一维数组用于标题显示,命名为动态插入组件标题...我们此时为保存按钮添加事件,该事件将会显示编辑、文本标题组件,隐藏输入框、保存按钮,并且修改动态插入数组标题内容,修改位置为当前循环序号位置,修改内容则为输入文本框中标题内容: 此时我们预览页面后点击编辑按钮即可编辑...首先我们在属性栏下添加一个 if 判断,在 if 判断下添加一个行名为下拉菜单,在其内部添加一个文本作为提示、一个输入框作为选项填入、一个按钮作为输入输入内容提交: 页面中呈现效果如下: 接着我们在当前界面下创建一个数值文本...: 接下来则需要为提交按钮添加事件,将输入选项添加到下拉菜单之中。

    6.7K30

    从零实现一套属于自己UI框架-发布到npm

    本项目以button按钮为例,详细记录一下封装一个Button UI组件每一个步骤以及需要注意地方: 效果 ? ?... 注意:为什么绑定class时采用数组形式,而不用对象形式,因为会有多个动态绑定属性,且使用对象形式,这样就只有数组里可以放多个动态属性,且属性可以为对象 ...props: { type: { type: String, default: 'default' } } 注意:这里接收属性为什么不用数组形式...因为我们是封装组件给别人用,所以要限制一些条件,不能让用户随意输入 该功能时,样式没有改动 效果 ?... 注意:为什么绑定class时采用数组形式,而不用对象形式,因为会有多个动态绑定属性,且使用对象形式,这样就只有数组里可以放多个动态属性,且属性可以为对象

    1.4K10

    dom 自定义事件_pix4D生成dom

    事件失效原因: (1)bind事件绑定只对dom中存在元素有效,对于我们后来动态增加元素是监测不到,所以绑定不了 (2)同样,当你使用var aa = document.getElementsByTagName...(“动态生成元素”);来获取动态生成元素时候也是获取不到,因为网页只会执行一次初始化绑定,之后动态生成dom元素也是监测不到。...关于最近遇到事件失效原因:在原本网页中(代码可见https://github.com/UFOwl/ife/tree/master/stage02/task16),我想要获取table里面动态生成删除按钮...,帮删除按钮绑定删除时间,可是删除事件失效,因为删除按钮动态生成,初始化事件绑定时候,获取到table里面的button已经是空,所以绑定一直都是空元素,所以点击button按钮时候一直没有反应...注意:在这里注意两个问题: (1)table里面的元素是已经添加进入table里面了,所以点击那个button时候,e.target获取到就是button (2)为什么已经将button这些元素添加进入

    40830

    Android-浅谈广播机制,实现强制下线功能

    ,首先将 LoginActivity 继承结构改为继承自 BaseActivity ,然后调用了 findViewById() 方法分别获取到输入框中信息,然后再登录按钮里使用了一个简单...因此,你就可以将MainActivity理解成登录成功后进入程序主界面了。这里我们并不需要在主界面添加什么花哨功能,只需要加入强制下线即可。 修改activity_main.xml文件中代码。...由于广播接收器需要弹出一个对话框来阻塞用户正常操作,但如果创建是一个静态注册广播接收器,是没有办法在 onReceive() 方法里弹出对话框这样UI操作,而我没问显然也不可能在每个活动中都去注册一个动态广播接收器...解决办法就是,只需要在BaseActivity中动态注册一个广播接收器就可以了,因为所有的活动都是继承自BaseActivity。...为什么要这样写呢?

    90430

    axios + ajax 面试题总结

    安全性更高,客户端支持防御 XSRF,就是让你每个请求都带一个从cookie中拿到key, 根据浏览器同源策略,假冒网站是拿不到你cookie中得key,这样,后台就可以轻松辨别出这个请求是否是用户在假冒网站上误导输入...axios.interceptors.request.use(): 添加请求拦截器 axios.interceptors.response.use(): 添加响应拦截器 axios.create([config...(): 是否是一个取消请求错误 axios.all(promises): 用于批量执行多个异步请求 axios.spread(): 用来指定接收所有成功数据回调函数方法 axios为什么既能在浏览器环境运行又能在服务器...为什么要用ajax 传统网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。 ajax实现页面和 web 服务器之间数据异步传输。...ajax缺点 ajax不支持浏览器back按钮。 安全问题 AJAX暴露了与服务器交互细节。 对搜索引擎支持比较弱。 破坏了程序异常机制。 不容易调试。

    2.1K30

    不懂汇编,如何逆向(iOS)

    ,我猜测是因为在程序运行过程当中,内存分配已经完成,想要添加属性值进去就需要对这个对象内存进行扩容或者重新分配,但是通过写在自定义头文件里面属性值,虽然是在同名类下面,但是并不会添加在原来代码申请内存当中...,所以当你调用这个自己添加属性时候,原对象是找不到访问不了这个属性,类似于Category....功能设想 在任意页面, 当接收到异步消息, 通知当前页面弹出一个按钮提示, 点击按钮 push 对应聊天页面, pop 可返回原来页面....//消息接收类 对于BaseMsgContentViewController和MMUIViewController我们目的很明确,就是监听通知,当有消息来时候,弹出按钮....这里可能有疑问,BaseMsgContentViewController应该也是继承MMUIViewController,为什么还要单独hook.

    1.6K20

    七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理

    实验8——在项目中添加数据访问层 关于实验8 实验9——创建数据输入屏幕 实验10——获取服务端或控制器端传递数据。 实验11——重置及取消按钮 实验12——保存数据。...使用输入控件名作用是什么? 所有输入控件值将随着请求一起发送。同一时间可能会接收到多个值,为了区分发送到所有值为每个值附加一个Key,这个Key在这里就是名称属性。 名称和 Id作用是否相同?...测试保存和取消功能 关于实验11 在实验11中为什么将保存和取消按钮设置为同名? 在日常使用中,点击提交按钮之后,请求会被发送到服务器端,所有输入控件值都将被发送。提交按钮也是输入按钮一种。...会根据接收值更新参数值。 实现多重提交按钮有没有其他可用方法? 事实上,有很多可实现方法。以下会介绍三种方法。 1....Ajax 使用常规输入按钮来代替提交按钮,并且点击时使用jQuery或任何其他库来产生纯Ajax请求。 为什么在实现重置功能时,不使用 input type=reset ?

    5.3K100

    Vue权限路由

    后台管理系统 登录成功后会请求当前用户菜单权限接口,来获取用户可访问路由(动态路由),获取成功后,Vue Router 是不能直接使用,必须得解析成符合Vue Router 可识别的格式 ....resolve(tree(datas, [])) } }) }) } 后端接收路由格式 image.png 前端接收真实菜单树 image.png 页面刷新,...这是为什么呢 ? 因为存入Vuex 中数据,一刷新页面,就会清空,那么当然找不到当前路由,就进入 404 页面了 . 如何处理呢?...2.前端解析后端返回动态路由,生成Vue Router 可识别格式,最后拼接完整路由 3.刷新路由丢失处理 按钮权限控制 1.当前组件 路由 携带可使用 按钮权限,存入数组中,通过v-if 来判断是否显示...2.登录时,单独获取整个系统按钮权限,将获取到所有按钮 存入一个数组中,放入全局中,然后,通过 v-if 来判断是否显示 3

    1.2K30

    Vue权限路由思考

    resolve(tree(datas, [])) } }) }) } 后端接收路由格式 前端接收真实菜单树 页面刷新,路由丢失 ❝到此为止,已经实现了...Vue 动态权限控制 ,别高兴太早,哈哈,一刷新页面,页面就进入了 404 页面 。...这是为什么呢 ? ❝因为存入Vuex 中数据,一刷新页面,就会清空,那么当然找不到当前路由,就进入 404 页面了 . ❞ 如何处理呢?...」 「2.前端解析后端返回动态路由,生成Vue Router 可识别格式,最后拼接完整路由」 「3.刷新路由丢失处理」 按钮权限控制 「1.当前组件 路由 携带可使用 按钮权限,存入数组中,通过...v-if 来判断是否显示」 「2.登录时,单独获取整个系统按钮权限,将获取到所有按钮 存入一个数组中,放入全局中,然后,通过 v-if 来判断是否显示」 **3. ...........

    29110

    CMS项目实践学习总结

    邮件服务器识将消息存放在接收电子信箱内,并告知接收者有新邮件到来。接收者通过邮件客户程序连接到服务器后,就会看到服务器通知,进而打开自己电子信箱来查收邮件。   ...2.5 找回密码功能   需求:用户输入用户名,如果用户名存在,则显示密码问题要求用户输入答案(思考为什么?)...,用户答案输入正确则随机生成一个密码(思考为什么不把旧密码发给用户),用新密码修改旧密码,并向用户名邮箱发送新密码,提示用户“新密码已经发送到你a***@163.com邮箱”。   ...还可以添加allow节点添加允许访问条件,也可以添加多个deny、allow,这样按照从上向下匹配,第一个匹配规则起作用。...Pangu分词默认是尽可能少分词,所以“计算机等级考试开始”会分成“计算机等级考试|开始”,这样搜“计算机”就搜不到。Todo:需要修正bug,多元分词也搜不到

    1.4K50

    Vue权限路由思考

    后台管理系统 登录成功后会请求当前用户菜单权限接口,来获取用户可访问路由(动态路由),获取成功后,Vue Router 是不能直接使用,必须得解析成符合Vue Router 可识别的格式 . ❞...前端接收真实菜单树 ? 页面刷新,路由丢失 ❝到此为止,已经实现了Vue 动态权限控制 ,别高兴太早,哈哈,一刷新页面,页面就进入了 404 页面 。 这是为什么呢 ?...❝因为存入Vuex 中数据,一刷新页面,就会清空,那么当然找不到当前路由,就进入 404 页面了 . ❞ 如何处理呢?...」 「2.前端解析后端返回动态路由,生成Vue Router 可识别格式,最后拼接完整路由」 「3.刷新路由丢失处理」 按钮权限控制 「1.当前组件 路由 携带可使用 按钮权限,存入数组中,通过...v-if 来判断是否显示」 「2.登录时,单独获取整个系统按钮权限,将获取到所有按钮 存入一个数组中,放入全局中,然后,通过 v-if 来判断是否显示」 **3. ...........

    37550

    享学课堂谈-Python初学者设计模式入门

    一个好设计模式应该能够用大部分编程语言实现(如果做不到全部的话,具体取决于语言特性)。最为重要是,设计模式也是一把双刃剑,如果设计模式被用在不恰当情形下将会造成灾难,进而带来无穷麻烦。...组合也可以被认为是一种设计模式,因为它允许通过动态或静态方式改变实现类对象以及他们行为。 另一个常见设计模式例子是迭代器。...假定你现在正在写一个类能够更新或创建一条新用户记录,接收同样输入参数(诸如姓名、地址、手机号等),但是根据不同情况会调用对应更新或是创建方法。...也可以让你改变通过客户端类接收输入参数以适应被适配者相关函数。 怎么使用? 另一个使用适配器类地方是包装器(wrapper),允许你将一个动作包装成为一个类,然后可以在合适情形下复用这个类。...举个例子,你有一个按钮类,这个按钮类有多种变体,例如图片按钮输入按钮或是flash按钮等。那么在不同场合你会需要创建不同按钮,这时候就可以通过一个工厂来创建不同按钮

    65080

    解决module = loader.load_module(fullname) ImportError: DLL load failed: 找不到指定模块。

    : DLL load failed: 找不到指定模块​​错误。...将DLL文件所在路径添加到系统​​PATH​​环境变量中,可以通过以下步骤进行操作:打开控制面板,并进入“系统和安全”或“系统”选项。点击“高级系统设置”,然后点击“环境变量”按钮。...在“系统变量”下找到名为“PATH”变量,并点击“编辑”按钮。在弹出编辑环境变量窗口中,点击“新建”按钮输入DLL文件所在路径,并点击“确定”按钮。...确保路径已添加到环境变量列表中,并点击“确定”按钮关闭所有窗口。2. 检查Python环境如果环境变量已正确配置,我们需要检查Python环境是否正常。确保所需Python解释器已正确安装。...可以在命令行中输入​​python --version​​检查Python版本。确保所需依赖库已正确安装。可以使用​​pip list​​命令检查已安装库。

    1.3K60

    JAVA图形界面:加法计算器

    此时我们脑海中应该已经有了相应对策 : 方框 1 , 方框 2 用来接收用户动态输入值,方框 3 用来显示计算结果;我们可以使用三个文本框来完成,其中方框 3 并不需要用户输入,我们可以给其设置用户不可编辑属性...“计算” 按钮,当然得用按钮控件来完成,但是如果只是一个平平无奇按钮,那可就没有用了,我们需要为这个按钮添加一个计算加法事件响应,以便我们在单击这个按钮时,计算结果会出现在方框 3 中。...17 行,设置窗口程序运行时出现在屏幕上时初始位置和窗口大小。 18 行,设置窗口可见。若设置为 false ,则窗口不可见。(你什么也看不到)。 19 行,设置点击窗口右上角叉叉时程序事件响应。...40 行,将装有两个面板盒子添加到当前窗口。 42 行,设置 “计算” 按钮出现在窗口中位置和按钮大小。 43 行,将按钮添加到当前窗口。...46 ~ 62 行,为 “计算” 按钮注册监听器并实现 66 ~ 69 定义事件响应函数(将两个文本框内字符串转化为整形数据进行加法计算后,将结果输出在接收结果文本框中)。

    2.2K30

    Xcelsius(水晶仪表)系列11——选择器高级用法(页面级切换工具)

    第四个区域(切换按钮目标切换位置)是页面切换按钮值插入区(0为饼图代码,1为气泡图代码,通过饼图与气泡图动态可见性代码进行精准匹配)。 数据准备好之后,就可以导入水晶易表软件进行仪表盘制作。...(这里按照序列添加稍微费事儿,需要添加7次)。 动态可见性代码设为1,状态链接到A25单元格。 接下来插入标签式菜单: ?...饼图标题自拟(手动改输入),副标题链接到单元格H11,按列插入数据,H10:H16,标签:A10:A16。 动态可见性代码为0,链接到A25单元格。 最后制作插入切换按钮: ?...切换按钮标签需要手动设置,源数据这里也手动设置(要与你之前给饼图、气泡图,标签式菜单动态可见性代码一致),目标数据区域链接到A25(切换按钮输入区也就是饼图与气泡图动态可见性状态接收区域),不过你也可以尝试在...excel表格中自己输入标签和原数据,然后通过链接方式进行,效果是一样

    1K40

    服务器地址和端口号是什么怎么看_常见服务对应端口号

    (2)动态端口(Dynamic Ports)   动态端口范围从1024到65535,这些端口号一般不固定分配给某个服务,也就是说许多服务都可以使用这些端口。...在使用电子邮件客户端程序时候,会要求输入POP3服务器地址,默认情况下使用就是110端口(如图)。   端口漏洞:POP2、POP3在提供邮件接收服务同时,也出现了不少漏洞。...第二步,右击该IP安全策略,在”属性”对话框中,把”使用添加向导”左边钩去掉,然后单击”添加按钮添加规则,随后弹出”新规则属性”对话框,在画面上点击”添加按钮,弹出IP筛选器列表窗口;在列表中...,首先把”使用添加向导”左边钩去掉,然后再点击右边添加按钮添加筛选器。...在”筛选器操作”选项卡中,把”使用添加向导”左边钩去掉,点击”添加按钮添加”阻止”操作(右图):在”新筛选器操作属性””安全措施”选项卡中,选择”阻止”,然后点击”确定”按钮

    7.6K70
    领券