Question

最近我开始制作Chrome Extensions。我想在单击按钮时添加文本输入字段，如下所示：

清单： ...

"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

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

＆＃13;

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

＆＃13;

NoMethodError in ProductImportsController#create 
undefined method `new' for :CSV:Symbol

＆＃13;

Answer 2

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

Reference

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

2 个答案: