electron报错：Refused to execute inline event handler because it violates the following Content 。。。

奈何-1912*

于 2023-04-12 11:00:17 发布

阅读量2.4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： electron javascript 前端

本文链接：https://blog.youkuaiyun.com/github_53963510/article/details/130102003

在Electron应用中，由于ContentSecurityPolicy限制，直接在HTML元素上使用onClick事件会报错。Chrome浏览器不允许内联执行事件处理器，需通过JavaScript的事件绑定方式，如使用getElementById获取元素并添加事件监听器来实现点击事件。示例代码展示了如何为按钮元素添加点击事件监听器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

electron 页面添加 onClick 点击事件报错：Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self'". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. Note that hashes do not apply to event handlers, style attributes and javascript: navigations unless the 'unsafe-hashes' keyword is present.

原因：谷歌浏览器不支持在元素上直接添加 onClick 事件

解决办法：使用 id 或 class 事件绑定点击监听事件即可

let button = document.getElementById('button')
button.addEventListener('click', () => {
    console.log('getSystemMemoryInfo1:', process.env);

})