请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

index.js中监听事件没反应

  1. 我在html文件中给添加按钮设置一个id
  2. 然后在js文件中给这个按钮绑定一个事件
  3. 然后当我点击按钮时,这个事件没有被触发(控制台没输出消息),下面是代码
    index.html的代码
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>本地播放器</title>
    <link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.min.css">
  </head>
  <body>
    <div class="container mt-4">
      <h1>我的播放器</h1>
      <button type="button" id="add-music-button" class="btn btn-primary btn-lg btn-block mt-4">
        添加歌曲到曲库
      </button>
    </div>
    <script>
      require('./index.js')
    </script>
  </body>
</html>

index.js的代码

const {ipcRenderer} = require('electron')

document.getElementById('add-music-button').addEventListener('click', () => {
	console.log('hello from index')
	ipcRenderer.send('add-music-window')
})

正在回答

3回答

张轩 2019-06-13 10:28:33

同学你好,你说的控制台是浏览器的控制台?还是你的 terminal?

0 回复 有任何疑惑可以回复我~
  • 提问者 alex__wyh #1
    为什么主进程的输出是在终端中,渲染进程中的输出是在调试工具中
    回复 有任何疑惑可以回复我~ 2019-06-13 10:32:07
yuzhewo 2019-06-13 10:30:21

打开devtools看下,渲染进程中的输出是在调试工具中输出的 hello from index

0 回复 有任何疑惑可以回复我~
  • 提问者 alex__wyh #1
    嗯嗯,我后来发现了
    回复 有任何疑惑可以回复我~ 2019-06-13 10:31:08
yuzhewo 2019-06-13 10:28:37

遇到同样的问题,注意文件保存,然后重新启动程序有时候问题就会解决,不一定是代码的问题。

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信