electron页面元素无法收到鼠标事件（click/hover等）

electron项目如果页面中某个元素无法获取到鼠标事件，检查当前元素或者其父元素（一直往上都可以）是否有设置样式：-webkit-app-region：drag；

类似：

.draggable {
  -webkit-app-region: drag;
}

如果该元素设置了这个样式，则这个区域上的其他元素（不论是否在 drag 元素的“上方”）都无法收到鼠标的事件（如 click / hover 等）。

如何收到到鼠标事件？

在需要收到到鼠标事件的元素上设置样式：

.button {
  -webkit-app-region: no-drag;
}

通过设置：-webkit-app-region: no-drag;就可以正常收到到鼠标事件（click、hover等）啦~