javascript - 当我的脚本标签中有 "module"时，为什么 onclick 会出现错误？

Question

我有一个带功能的按钮，它看起来像这样:

<button onclick="myFunction()">Click</button>
<script type="module" src="main.js"></script>

还有 main.js 文件:

function myFunction(){
   console.log('Button has been clicked');
}

脚本标签中没有模块类型它工作正常但是当其中有模块类型时，控制台抛出错误:

Uncaught TypeError: window.myFunction is not a function at HTMLButtonElement.onclick

如何修复它以便与模块一起正常工作？

Answer 1

模块中的默认范围是模块，而不是全局范围。

在 JavaScript 中使用 addEventListener 而非 HTML 中的固有事件属性来附加事件处理程序。