addEventListener on click
addEventListener on click
提问于 2020-10-26 16:03:12
我有一个按钮，定义如下
在index.html中
<body>
<section>
<button id="open-file">Open File</button>
...(series of other similar buttons)...
</section>
</body>
<script>
require('./renderer');
</script>在renderer.js中
const openFileButton = document.querySelector('#open-file');
...
openFileButton.addEventListener('click', () => {
console.log('You clicked the "Open File" button.');
});在main.js中
app.on('ready', () => {
mainWindow = new BrowserWindow({
show: false,
webPreferences: {
nodeIntegration: true
}
});
mainWindow.loadFile('app/index.html');
...
});当我在应用程序窗口中单击该按钮时，控制台中没有任何反应。要执行此事件侦听器，是否需要添加其他步骤？
回答 2
Stack Overflow用户
发布于 2020-10-26 16:24:12
你试过<script src="./renderer.js"></script>吗？您确定您的renderer.js可以按预期运行吗？
只是为了澄清一下，客户端JavaScript中并不存在require()。打开您的浏览器开发人员控制台，您应该会看到require()没有定义。
有关如何包含.js文件的更多信息，请查看MDN script tag documentation。
Stack Overflow用户
发布于 2020-10-26 16:36:35
在HTML文件中，您在脚本标记中使用了require，这是一个特定于Node.js的函数。根据您的期望，看起来您想要将renderer.js链接到您的HTML文件。因此，通过输入<script src="renderer.js"></script>直接链接它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64533361
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号