Javascript 如何捕获';输入';在动态创建的输入标记上键入-Vanilla JS
我有一个动态创建的输入标记。我想听听它的回车键Javascript 如何捕获';输入';在动态创建的输入标记上键入-Vanilla JS,javascript,addeventlistener,event-listener,onkeyup,Javascript,Addeventlistener,Event Listener,Onkeyup,我有一个动态创建的输入标记。我想听听它的回车键keyup。我搜索了互联网,只找到了JQUERY解决方案。我更喜欢香草爪哇酱 我尝试了以下代码,但似乎不起作用,因为我无法选择特定元素 document.addEventListener("keyup", function(event) { if (event.keyCode === 13) { } }); 谢谢,罗伯·威尔逊你需要做两件事: 将事件侦听器添加到输入的容器中:表单、div、文档等 在侦听器中,
keyup
。我搜索了互联网,只找到了JQUERY解决方案。我更喜欢香草爪哇酱
我尝试了以下代码,但似乎不起作用,因为我无法选择特定元素
document.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
}
});
谢谢,罗伯·威尔逊你需要做两件事:
const VK_ENTER=13;
常量handleEnterKey=({keyCode,target})=>{
//仅当按下enter键且目标为“可输入”输入时
if(keyCode===VK_ENTER&&target.classList.contains('ENTER-able')){
console.log(target.value);
}
};
//将侦听器添加到保存输入的容器中
const localScope=document.querySelector('.local scope');
addEventListener('keyup',handleEnterKey);
//分配事件侦听器后添加到文档正文
常量输入=document.createElement('input');
input.setAttribute('type','text');
setAttribute('placeholder','Dynamic…');
input.classList.add('enter-able');
append(输入)代码>
。本地范围{
显示器:flex;
弯曲方向:立柱;
}
.可输入{
边缘底部:0.5em;
}
参见此处:
const ENTER\u按钮\u键\u代码=13;
document.addEventListener('keyup',event=>{
如果(event.keyCode===输入按钮\u键\u代码){
log('Enter被按下了。耶!');
}否则{
错误(`event.code}被按下。`);
}
});代码>
按enter键
这是否回答了您的问题?