Google chrome div元素中的chrome扩展清单v2和onclick事件

我正在将chrome扩展从manifestv1转换为manifestv2

我已经从html文件中提取了大部分javascript代码，并将其放在单独的.js文件中

弹出窗口中的div元素有问题

popup.html中的当前代码是：

  <div onclick="PopupClick('SHOW')" id="blue">Show</div>

显然，自v2以来，html中不允许使用onclick=，但如何替换它，

---

这样用户就可以单击div并执行一个函数了？

可能是事件？在popup.html的头部包含类似的内容，然后将代码粘贴到该js文件中

var blueDiv = document.getElementById("blue");
    blueDiv.addEventListener("click", function(){
        PopupClick("SHOW");
    }, false);

或者你的应用程序的某些细节不允许你这样做？或者我不明白问题所在。

popup.html:

就像Rob W所说的，这是显而易见的

---

我实际上遇到了这个问题，这段代码帮助我从清单v1移动到了v2。

您读过文档了吗？它明确规定了备选方案：

 <script src="popup.js" type="text/javascript"></script>

 <div id="blue">Show</div>

 document.addEventListener('DOMContentLoaded', function () {  
 document.getElementById("blue").addEventListener('click',
 clickHandler); }); 

function clickHandler(e) {   PopupClick('SHOW'); }

 function PopupClick(str) {
   //Do your thing here 
}