停止输入在按钮上继承另一个输入的值
停止输入在按钮上继承另一个输入的值
提问于 2022-09-07 13:48:55
我正在创建一个post段塞输入，所以当编辑post标题输入时，它将继承它对禁用的段塞输入的值，单击它时会有一个按钮启用禁用的输入。它运行良好，但我希望单击该按钮，它将停止继承值。这是我的代码：
<input type="text" id="a"/>
<input type="text" id="b" disabled/>
<button id="btn">Stop</button>
<script>
document.querySelector('#a').addEventListener('keyup', () => {
document.querySelector('#b').value = document.querySelector('#a').value;
});
document.querySelector('#btn').addEventListener('click', () => {
document.querySelector('#b').disabled = false;
});
</script>我搜索过，但我还没找到。
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2022-09-07 13:55:06
单击按钮后，可以使用removeEventListener表示a元素keyup。
function onAKeyup() {
document.querySelector('#b').value = document.querySelector('#a').value;
}
document.querySelector('#a').addEventListener('keyup', onAKeyup);
document.querySelector('#btn').addEventListener('click', () => {
document.querySelector('#b').disabled = false;
document.querySelector('#a').removeEventListener('keyup', onAKeyup)
});<input type="text" id="a"/>
<input type="text" id="b" disabled/>
<button id="btn">Stop</button>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73636665
复制相关文章
相似问题
腾讯云开发者
