Electron中在windows无法拖放文件（或者drop事件失效）

最新推荐文章于 2024-05-08 14:05:09 发布
最新推荐文章于 2024-05-08 14:05:09 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： # Electron框架学习 # html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q918922703_1/article/details/103982203
版权

在学习Electron框架的时候遇到从文件管理器拖文件进来后，鼠标图案变成禁止的标志，松开后也没有触发drop事件。!!!

是没有触发事件！！不是没有阻止，，在学习的时候找到问题根源在于windows的操作系统上，管理员模式下是没有鼠标拖放等事件的

落花有意，树无情
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
在Electron中简单实现拖拽功能
weixin_40494579的博客
11-06 4265
背景 实现简单的拖拽文件、图片到系统本地，拖拽消息体文本发送（类似于微信、QQ中的功能） 实现拖拽到本地系统，不考虑mouse实现方式，使用Electron中的startdrag配合Browser的Drag and Drop startdrag Electron API (startDrag) 提供拖拽文件到桌面系统本地的能力 使用情况比较简单，主进程监听事件，调用startdrag // main-process ipcMain.on('drag-start', (event) => { e
electron 读取文件夹内容_electron + jQuery +node.js 快速上手之实现写入文件、拖拽打开文件并读取内容的功能...
weixin_39608680的博客
12-22 420
导言近来对electron有点感兴趣，奈何干啃官方文档实在难受，还是直接从demo入手会比较好。受到一两个教程的启发，然后自己瞎捣鼓一下。说明利用Electron.js构建一个有以下功能的桌面端应用：实现简单的获取文本框输入的内容并保存为文件能够通过拖拽文件来读取其中的信息应用界面因为只是demo ，为了方面，就只是加基础样式了，将就着看。应用界面.png输入文字.png结果.png拖拽文件.pn...
Electron程序不能拖拽文件的解决方案
06-01 963
但是，如果以管理员权限运行Electron应用，由于资源管理器权限级别不及管理员级别高，文件拖拽操作将被禁止。今天收到客户提交的一个BUG反馈，报告我们的客户端软件不支持文件拖放操作。鼠标在拖拽文件至软件窗口时显示“禁止”标志，尝试使用其他软件进行文件拖拽都没有此问题。后来无意间注意到软件快捷方式上的小盾牌图标，发现客户是在用管理员权限运行此程序，于是我想到了Windows的UAC机制。确认原因后，我重新安装了软件，修改了默认安装目录，并将运行权限更改为标准用户。重新启动软件后，文件拖拽操作恢复正常。
Electron 全屏打包 禁止缩放 拖拽
04-15
Electron打包 为了让大家更方便快速得到自己的electron应用，示例代码优秀值得拥有。Electron 全屏打包 禁止缩放 拖拽
Electron无边框自定义窗口拖动的问题小结
最新发布
菜鸟教程
05-08 1024
到此这篇关于Electron无边框自定义窗口拖动的文章就介绍到这了,更多相关Electron自定义窗口拖动内容请搜索网赚博客https://www.piaodoo.com/以前的文章或继续浏览下面的相关文章希望大家以后多多支持网赚博客https://www.piaodoo.com/！教程下载地址： 网赚博客https://www.piaodoo.com/创业项目排行榜前十名https://www.piaodoo.com/茂名一技http://www.enechn.com/// 如果窗口已销毁。
文件不能拖拽到软件中打开，鼠标指针变为禁止符号
热门推荐
地理信息系统、摄影测量与遥感、人工智能
05-11 2万+
文件不能拖拽到软件中打开（如Pycharm），鼠标指针变为禁止符号1.软件环境2.问题描述3.解决方法3.1.确保`禁止拖放`关闭3.2.修复注册表4.修复效果预览 1.软件环境 Windows10 教育版64位 Pycharm 2020.1 x64 2.问题描述 很多人在安装系统后，文件是可以直接通过拖拽到软件上进行打开的，但是有一天你发现拖拽软件的时候出现一个禁止图标就证明拖拽功能被禁用了。本文以Pycharm为例，演示如何修复上述问题，其他软件也可参考解决。具体的问题为：将代码直接拖到Pychar
Electron的使用笔记之禁用拖拽事件
weixin_45740906的博客
01-18 1561
Electron软件安装后如果用户拖拽文件或者图片到软件里面，会打开此文件，但是不能够关闭，因此导致体验不佳。 因此可以禁用全局的拖拽事件来阻止这个行为。 一、在util文件夹里面新建一个文件。 export default { mounted() { this.disableDragEvent(); }, methods: { disableDragEvent() { // 当拖动的元素或选择文本输入有效的放置目标时，会触发此事件。 window.add
Vue3.0+electron5.0.6手工打造桌面端应用自定义窗口菜单 &amp；isMaximized()始终返回false...(三)
zhang_dada的博客
12-21 592
electron 自定义最大化;isMaximized()始终返回false
Electron中实现大文件上传和断点续传功能
10-17
Electron是开源的框架，可以使用h5来开发跨平台pc桌面应用，这样前端开发这可以开发桌面应用了。这篇文章主要介绍了Electron中实现大文件上传和断点续传功能,需要的朋友可以参考下
关于node-bindings无法在Electron中使用的解决办法
10-17
今天小编就为大家分享一篇关于关于node-bindings无法在Electron中使用的解决办法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
electron-builder打包过程中报错所需的文件
01-24
这个主要是因为在打包的过程中，会从github下载一些依赖包，但是由于国内网络种种原因，我们无法正常下载这个些文件，导致下载依赖报错。比如electron-builder打包过程中会涉及到四个包： 1. electron-v28.1.4-win32...
electron-hostile:在您的电子应用程序中更新主机文件
05-27
当您向主机文件中添加条目或从中删除条目时，用户将获得一个确认框（mac：密码，win：确认）获取所有条目 import { getEntries } from 'electron-hostile'// returns entries without commentsconst entries = ...
electron监听网页_Electron-vue，Main/Renderer进程的认识，自定义菜单等
weixin_39897218的博客
12-21 1177
Main进程和Renderer进程的基本认识可以看到Main进程管理的是这个app窗口(BrowserWindow)，而Renderer进程负责的就是我们熟悉的页面UI渲染。不过实际上，它们远远不仅如此。下面一张图能够把它们所支持、管理的electron或者原生的模块大致列出来：图中列出来的大部分模块都是我们会在开发过程中用到的。它们有各自的模块，也有共有的模块比如clipboard等。还有一部分...
electron 打包问题
豪先生的博客
08-15 774
不想被拖动的地方添加css样式（如果登录页面使用了上面的代码，那么登录表单需要使用这个，不然会不会无法点击）解决方法：在想要拖动的地方添加css样式（登录页面顶部需要用到这个）（1）electron使用element组件图标样式丢失。（2）electron打包之后，页面无法拖动。...
electron-vue 窗体禁止拖拽
朝阳39的博客
01-19 1732
目录 1. 新建文件disDrag.js 2. 在app.vue中，通过mixins导入 1. 新建文件disDrag.js src\renderer\utils\disDrag.js // 全局监听drag和drop事件，当用户拖入一个文件但是又不是拖入可拖拽区域的时候，将其屏蔽掉 // 避免electron应用像浏览器那样，拖入pdf或图片会自动打开 // 将此js通过mixin引入APP.vue中 // import disDrag from './utils/disDrag....
electron关于无边框窗口无法拖拽移动以及点击事件失效的问题
weixin_30756499的博客
08-13 2438
为了使窗口无边框，使得在某些时候让项目看起来更美观，所以在创建窗口的时候通过设置 frame 属性的值为 false 来创建无边框窗口。但是无边框窗口会产生无法移动的问题，对于这个问题我们可以在渲染进程中通过编辑 css 文件来解决。 设置-webkit-app-region: drag把整个文档都变成了一个可拖拽的对象： body,html { -webkit...
vue(js)拖拽事件的drop失效
AzeShinja的博客
09-23 3048
排查drop的一个bug过程
禁止页面接受拖动文本
weixin_34364135的博客
07-02 221
设置body标签的ondragenter="return false;"。 转载于:https://www.cnblogs.com/kakaxu/archive/2008/07/02/1233884.html
(二)electron 文件系统访问
此心勿动的博客
03-27 1万+
由于electron是Chromium和Nodejs的组合，具备了browser的能力，前端html+css会很轻松的移植到electron成为桌面应用^_^，并且加上Node的网络访问，文件系统等等优势之后，electron让html+css的应用和平台本身的桌面应用基本无异并跨平台。在electron中，javascript的解释实在Node环境下，因此你可以使用Node社区的模块（是不是觉得很
vue+electron中在vue文件中使用electron api
09-02
在Vue Electron中，在Vue文件中使用Electron API，你需要在Vue组件中引入Electron模块并使用它提供的API。 首先，在你的Vue组件中引入Electron模块，可以使用以下代码： ```javascript const electron = require('electron'); const { ipcRenderer } = electron; ``` 然后，你就可以在Vue组件的方法中使用Electron API了。例如，你可以使用ipcRenderer来与主进程进行通信： ```javascript methods: { sendMessageToMainProcess() { ipcRenderer.send('message', 'Hello from Vue!'); } } ``` 这里的`ipcRenderer`是Electron提供的一个API，它允许你与主进程进行异步通信。你可以使用`send`方法发送消息到主进程。 请注意，在使用Electron API之前，确保你已经正确安装了Electron依赖，并且你的应用已经成功创建了Electron的主进程和渲染进程。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值