javascript - 将按键或事件监听器添加到输入， "TypeError: ...addEventListener is not a function"

Question

我正在处理一个表单，我不希望输入/返回来提交表单，所以我使用了这样的函数。

    $('[name="form"]').keypress(function(e) {
        var charCode = e.charcode || e.keyCode || e.which;
        if (charCode === 13) {
            e.preventDefault();
            return false;
        }
    });

这可行，但现在我想分配 Enter/Return 来对表单上的两个输入执行功能。我完全被困住了。

为了获取输入，我尝试了通过 id 调用 vanilla js、通过 id 调用 jQ，然后将两者与变量混合。我还尝试过 .keypress、.keydown、.keyup 而不是 AttachEventListener 方法。无论我做什么，我都会在控制台中收到此错误。

“TypeError:...addEventListener 不是一个函数”(或 keypress、keydown 等)

我也研究了很多，但找不到任何解决方案。我很感激任何建议。这是当前形式的代码块，它带来了麻烦。

    var yelpInput = $('#inputURL');
    var googleInput = $('#googleURL');

    yelpInput.addEventListener("keydown", function(e) {
        if (e.keyCode === 13 ) {                        
            alert('do stuff!');
        }
    });

    // Google
    googleInput.addEventListener("keydown", function(e) {
        if (e.keyCode === 13 ) {    
            alert('do stuff!');
        }
    });

谢谢

Answer 1

var yelpInput = $('#inputURL');
var googleInput = $('#googleURL');

yelpInput.keydown(function(e) {
    if (e.keyCode === 13 ) {                        
        alert('do stuff!');
    }
});

// Google
googleInput.keydown(function(e) {
    if (e.keyCode === 13 ) {    
        alert('do stuff!');
    }
});