本文继续说明,electron中的页面刷新事件。在调试过程中,这个页面刷新功能(快捷键)还是很好用的。但是,一旦进入生产模式后,这个页面刷新功能,对于用户来说,就是比较诡异的了。对于用户来说,普通未加处理过的electron是不会响应f5事件的。但是会响应ctrl+r/command+r事件。所以,这两个事件,是苏南大叔在本文中,特别强调来屏蔽的。

苏南大叔:electron 如何禁用页面刷新事件? - electron-no-refresh
electron 如何禁用页面刷新事件?(图2-1)

本文在macwin环境下,electron@3.0.5中测试通过,代码是放在在渲染进程中的。

原理描述

原理上很简单,监控onkeydown事件,视情况return falsectrl的标志是:event.ctrlKey,而command的标志是:event.metaKey,当然ctrl一般是出现在win系统中,而command就意味着mac系统了。

苏南大叔:electron 如何禁用页面刷新事件? - electron-refresh
electron 如何禁用页面刷新事件?(图2-2)

那么,渲染进程代码如下:

newsn.net:这里是【评论】可见内容

这个代码,也是不能监控F5页面刷新的。但是electron天生就屏蔽了F5事件,所以,这里并不用担心。

相关链接

  • 《electron 如何禁用页面缩放事件?如何禁用双指缩放事件?》

https://newsn.net/say/electron-disable-pinch.html

  • 《electron 如何禁用文件拖放事件?》

https://newsn.net/say/electron-disable-drag.html

总结

其实,思路都比较简单,就是监控页面的onkeydown事件,然后检测其code或者ctrlKey或者metakey,就可以写出对应的代码了哦。

更多electron相关源码,请参见下面的链接:

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   electron

本站的忠实读者小伙伴,正在阅读下面这些文章: