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) {

    }
});

谢谢,罗伯·威尔逊你需要做两件事:

  • 将事件侦听器添加到输入的容器中:表单、div、文档等
  • 在侦听器中,检查enter键和预期的类
  • 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键
    这是否回答了您的问题?