Chrome 扩展文本字段输入检查答案

【问题标题】：Chrome Extension Textfield enter checkingChrome 扩展文本字段输入检查
【发布时间】：2014-05-07 23:04:58
【问题描述】：

如何检查扩展程序的用户是否在文本字段 (search) 中按 Enter 键，有点像按提交按钮但只需按 Enter 键。我使用以下代码进行按钮按下

//action listener
document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('search').addEventListener('click', searchResult);
    document.getElementById('link').addEventListener('click', searchResult);
});

我必须使用document.getElementById('search').addEventListener('enter', searchResult);之类的东西吗？

【问题讨论】：

捕获 keydown 并检查 keyCode 13，或将元素包装在表单中并使用表单的提交事件。

标签： javascript html google-chrome-extension enter

【解决方案1】：

这个应该可以解决问题：

document.addEventListener('DOMContentLoaded', function () {
    var searchElement = document.getElementById('search');

    searchElement.addEventListener('click', searchResult);
    searchElement.addEventListener('keydown', function(e) {
        if (e.keyCode == 13) {
            searchResult();
        }
    });
    document.getElementById('link').addEventListener('click', searchResult);
});

【讨论】：