我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

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解决方案

苏南大叔友情提示您:

  • 低版本!低版本!高版本里面不用这么设置!1.x2.x系列适用!
  • 七个事件!七个事件!截图中的事件不够!别看了截图就跑!

苏南大叔:electron 如何禁用文件拖放事件? - 禁用拖放图片代码
electron 如何禁用文件拖放事件?(图3-3)

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

seosn.com:这里是【评论】可见内容

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

相关链接

总结

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

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

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

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