electron 软件做的在好,其内核也是基于chrome的网页,这个是不争的事实。那么在前几篇的文章里面,大家可以知道,对于electron来说,一些网页属性都还是可以感知到的,比如滚轮放大事件,页面刷新事件等等。本篇文章中,讲述的是:另外的一个浏览器残留的特性,就是拖动图片(文件)到窗体后,会自动打开图片。

electron 如何禁用文件拖放事件? - 禁用拖放
electron 如何禁用文件拖放事件?(图3-1)

本文的测试环境是:electron 3.0.7electron 2.0.14。经过实验,在最新的3.x系列electron中,是不存在这个问题的。所以,解决方案仅仅针对低版本electron

现象截图

electron 如何禁用文件拖放事件? - 拖放图片演示
electron 如何禁用文件拖放事件?(图3-2)

如何禁用这种拖动图片(文件)到窗体就会被打开图片的特性呢?请留心阅读本文的内容。当然,并不仅仅针对图片,其他文件拖动到electron窗体后,都是有类似的效果。在1.x2.x系列中都存在这个问题。而3.x系列中,是不存在这个问题的。

1.x2.x系列electron解决方案

electron 如何禁用文件拖放事件? - 禁用拖放图片代码
electron 如何禁用文件拖放事件?(图3-3)

在渲染进程的html页面里面,增加如下类似语句即可。

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

也就是禁用掉拖放相关的事件的意思,相关事件有:dragdragstartdragenddragoverdragenterdragleave以及drop。当然,如果这些禁用功能和你的其他网页特效冲突的话,您就自己慢慢修改吧。

相关链接

总结

从版本的角度上看,electron3.x系列,确实有比较大的进步,改善了很多以往版本的小问题。更多electron相关经验文字,请点击苏南大叔的文章:

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

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

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

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