如何监听输入密钥,然后使用Javascript从输入文本中获取值?

时间:2017-02-27 10:28:08

标签: javascript html google-chrome-extension

我正在撰写Chrome扩展程序,允许用户使用名称保存当前标签页。 enter image description here

如果按保存

,我的第一个版本会获得输入
       time run the program COMMAND with any given arguments ARG....  When
   COMMAND finishes, time displays information about resources used by
   COMMAND (on the standard error output, by default).  If COMMAND exits
   with non-zero status, time displays a warning message and the exit
   status.

enter image description here

要使用回车键而不是单击按钮发送值,我尝试使用document.getElementById("button").onclick = function () { var name = document.getElementById("input_name").value; addLink(name); }; ,其功能检查密钥是否为回车键。 Chrome似乎并不喜欢这样。它给了我错误信息:

onkeypress

我的最新尝试使用表单,因为它们允许输入按键。

Refused to execute inline event handler because it violates the following 
Content Security Policy directive: "script-src 'self' blob: filesystem: 
chrome-extension-resource:". Either the 'unsafe-inline' keyword, a hash 
('sha256-...'), or a nonce ('nonce-...') is required to enable inline 
execution.

然后我使用<form id="form" autocomplete="off" onkeypress="submit"> <input type="text" id="input_name" name="session_name" placeholder="Leave blank for no name" autocomplete="off"> </form> 侦听新输入,然后使用addEventListener("input")输入密钥

addEventListener("submit")

我添加了document.getElementById("form").addEventListener("input", function() { var name = document.getElementById("input_name").value; document.getElementById("form").addEventListener("submit", function () { addLink(name); }); }); 来测试代码。它弹出,然后消失。我很难过,为什么代码不起作用,有没有不同的方式使用我没有得到的Javascript?

另外,这里有清单和我的代码JSFiddle

0 个答案:

没有答案