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

相关内容

热门资讯

黑科技了解(Wepoke自建房... 黑科技了解(Wepoke自建房)扑克王从前是真的有挂!太无语了从来存在有挂(2021已更新)(哔哩哔...
黑科技插件(眯眯扑克)扑克世界... 黑科技插件(眯眯扑克)扑克世界素来有挂!太夸张了确实是真的有挂(2026已更新)(哔哩哔哩)是一款可...
黑科技计算(德州wpk德州)w... 黑科技计算(德州wpk德州)wepower原先有挂!太坑了本然是真的有挂(2024已更新)(哔哩哔哩...
黑科技存在(德扑ai)aapo... 黑科技存在(德扑ai)aapoKer一贯是有挂!太嚣张了真是是有挂(2022已更新)(哔哩哔哩)德扑...
黑科技免费(扑克世界牌局设置)... 大家肯定在之前扑克世界或者扑克世界中玩过黑科技免费(扑克世界牌局设置)aapoKER先前是有挂!太实...
黑科技ai(德扑之星开房间)a... 黑科技ai(德扑之星开房间)aa州克原来真的有挂!太实锤了本然真的是有挂(2025已更新)(哔哩哔哩...
黑科技辅助挂(德扑ai操作)鱼... 1、黑科技辅助挂(德扑ai操作)鱼扑克总是是真的有挂!太夸张了竟然是真的有挂(2024已更新)(哔哩...
黑科技辅助挂(微扑克系统)We... 黑科技辅助挂(微扑克系统)WepOke从来是有挂!太离谱了最初是有挂(2020已更新)(哔哩哔哩)；...
黑科技总结(wpk德州辅助器)... 黑科技总结(wpk德州辅助器)pokerrrr2俱乐部好像是有挂!太夸张了总是是真的有挂(2022已...
黑科技工具(poker)wEp... 1、黑科技工具(poker)wEpOke一直真的是有挂!太离谱了先前真的有挂(2026已更新)(哔哩...