Chrome扩展程序中的文本字段？

Question

因此，最近我开始涉足Chrome扩展程序。 我想在单击按钮时添加一个文本输入字段，如下所示：

体现：...

"browser_action":{
"default_icon": "icon.png",
"default_popup":"popup.html"
},
"background":{
"scripts": ["background.js"]
},

"permissions":["tabs"]

}

background.js：

function textfield(){
var field = document.createElement("INPUT");
field.setAttribute("type","text");
field.setAttribute("value","Id:");
document.body.appendChild(field);
}

popup.html：...

    <button onclick="textfield()"class="button"type="button">Regulations</button>

因此，我遇到的问题是我无法弄清楚为什么出现了文本字段。 onclick确实可以工作，但是由于某种原因无法生成。 有任何想法吗？

Answer 1

您需要稍微更改代码以扩展点击事件。

 document.getElementById('regButton').addEventListener('click', function () { var field = document.createElement('input'); // INPUT also works field.setAttribute('type', 'text'); field.setAttribute('name', 'text'); document.body.appendChild(field); document.body.appendChild(document.createElement("br")); });

 <!DOCTYPE html> <html> <head> </head> <body> <button id="regButton" type="button">Regulations</button> </body> </html>

Answer 2

Chrome扩展程序不允许内联功能。 您需要在JavaScript内使用document.getElementById('elementId').addEventListener注册处理程序。

参考

Chrome扩展程序中的文本字段？

问题描述

2 个解决方案

解决方案1
0 2017-02-16 05:21:44

解决方案2
0 2017-02-16 05:31:01

Chrome扩展程序中的文本字段？

问题描述

2 个解决方案

解决方案1 0 2017-02-16 05:21:44

解决方案2 0 2017-02-16 05:31:01

解决方案1
0 2017-02-16 05:21:44

解决方案2
0 2017-02-16 05:31:01