button上添加的addeventlistener不能获取最新的文本输入框的值。
创始人
2025-01-10 04:30:15
0次

使用事件委托和事件冒泡。将事件监听器添加到包含text input和button的外层元素上，当点击button时，事件会向上冒泡，从而触发外层元素上的点击事件监听器，从而可以获取最新的text input的值。

代码示例：

HTML：

JS：

const container = document.getElementById('container');

container.addEventListener('click', (event) => {
  if (event.target.id === 'submit-btn') {
    const textValue = document.getElementById('text-input').value;
    console.log(textValue);
  }
});

上一篇：Button上的drawableEnd属性不接受形状。

下一篇：ButtonShapesONandSwiftUITabViewUIstrange

相关内容

热门资讯

解密透视！德普之星私人局透视，... 解密透视！德普之星私人局透视，微乐小程序辅助，要领教程（有挂细节）-哔哩哔哩德普之星私人局透视是不是...
辅助透视！we poker游戏... 辅助透视！we poker游戏下，微信小程序微乐为什么老输，技法教程（有挂存在）-哔哩哔哩1、这是跨...
解密透视！hhpoker外挂靠... 解密透视！hhpoker外挂靠谱吗，广西微乐小程序控制器，练习教程（有挂攻略）-哔哩哔哩1.hhpo...
解密透视！WePOker有没有... 解密透视！WePOker有没有透视方法，苹果手机微信小程序游戏破解器，积累教程（证实有挂）-哔哩哔哩...
总结透视！德普之星透视免费，微... 总结透视！德普之星透视免费，微乐自建房辅助工具免费，项目教程（真的有挂）-哔哩哔哩1、这是跨平台的德...
普及透视！wpk软件是正规的吗... 普及透视！wpk软件是正规的吗，微乐自建房辅助入口官网，模板教程（有挂分析）-哔哩哔哩一、wpk软件...
普及透视！wepoker轻量版... 普及透视！wepoker轻量版透视，微信小程序微乐辅助器免费版v2.0免费，经验教程（存在有挂）-哔...
辅助透视！wejoker免费脚... 辅助透视！wejoker免费脚本，微信小程序微乐辅助器苹果，总结教程（有挂方略）-哔哩哔哩1、该软件...
详细透视！wepoker透视底... 详细透视！wepoker透视底牌，微信小程序微乐辅助器免费下载，方案教程（有挂技术）-哔哩哔哩1、点...
开挂透视！hhpoker哪个俱... 开挂透视！hhpoker哪个俱乐部靠谱，微信小程序微乐跑得快技巧，步骤教程（有挂教程）-哔哩哔哩开挂...