点击事件监听器

Question

我正在开发一个基于 Electron 的应用程序，但我没有太多经验或 JavaScript 或 Node.js。目前，我只想通过单击按钮关闭 window。

close.addEventListener('click', function () {
    ipc.send('close-main-window')
})

这完全有效！我只是对它为什么起作用感到困惑。据我了解， addEventListener 中的第一个参数只是任意字符串。但是，我并没有专门写任何东西来处理 'click'。我认为这应该意味着它是内置功能。这是 JavaScript、Node.js 或 Electron 的一部分吗？我可以在文档的哪个位置找到内置事件列表？

Answer 1

JavaScript 具有函数 addEventListener ，它向元素添加事件侦听器（惊喜，惊喜）。应用侦听器的元素现在侦听一个事件，一个传递给函数的字符串（在本例中为单击）。一旦事件被触发（在这种情况下，当用户点击元素时），它就会执行回调，也就是你声明的函数。所以，考虑一下：

element.addEventListener("click", function() {
    console.log("hello!");
});

每次单击 element 时都会记录 hello。

您可以在 Mozilla's Documentation. Here's 所有可用事件的列表中阅读更多内容。

Answer 2

第一个参数是string which represent the event type。

我认为内部是这样工作的

var event = new Event('click');

其中 Event 是事件对象 & click 已经是 javascript

的预定义事件

点击事件监听器

Click event listener

javascript

node.js

dom-events

electron