Question

在tutorial for migrating a Google Chrome Extension to Manifest Version 2中，我被引导到从HTML代码中移除内联事件处理程序（如onclick等），将它们移动到外部JS文件中并使用addEventListener（）代替。

好的，我目前有一个看起来像这样的background.html页面......

<html>
<script type="text/javascript">
    // Lots of script code here, snipped
    …
</script>

<body  onload="checkInMyNPAPIPlugin('pluginId');">
    <object type="application/x-mynpapiplugin" id="pluginId">
</body>
</html>

遵循另一个指令，我已将许多脚本代码移动到单独的.js文件中，并且遵循此指令，我需要从body标签中删除onload =，而不是cal我的脚本代码中有addEventListener（）。我尝试了几种方法，但显然猜错了。那段代码会是什么样的？特别是，我在什么对象上调用addEventListener（）？

谢谢！

Answer 1

我通常将它用于body onload事件......

document.addEventListener('DOMContentLoaded', function () {
    //   My code here.. ( Your code here  )
});

对于某些人来说，它正在发挥作用..但实际上，我认为我们应该使用..

window.addEventListener('load', function () {
    document.getElementById("#Our_DOM_Element").addEventListener('change - or - click..', function(){
//      code..
    });
});

Chrome扩展程序：使用addEventListener（）

1 个答案: