第十章：Electron 全局快捷键和剪切板

效果
全局快捷键(主进程)

/* eslint-disable no-console */
/* eslint-disable no-unused-vars */import { app, globalShortcut } from 'electron';/* **************************全局快捷键**************************** */
app.on('ready', () => {// 注册全局快捷键globalShortcut.register('ctrl+e', () => {console.log('ctrl+e');});// 检查快捷键是否注册功能console.log(globalShortcut.isRegistered('ctrl+e'));
});app.on('will-quit', () => {// 注销全局快捷键的监听globalShortcut.unregister('ctrl+e');
});

剪切板(渲染进程)

/* eslint-disable no-console */
/* eslint-disable no-alert */
/* eslint-disable func-names */
/* eslint-disable no-undef */
/* eslint-disable no-unused-vars */import { clipboard, nativeImage } from 'electron';
import path from 'path';// 执行复制操作
// clipboard.writeText('3162387126381236128361238712638127362187316287');const code = document.querySelector('#code');const input = document.querySelector('#input');
const cbtn = document.querySelector('#cbtn');code.onclick = function () {clipboard.writeText(code.innerHTML);
};// 粘贴
cbtn.onclick = function () {input.value = clipboard.readText();
};/* ****************复制图片******************* */const btncopyimg = document.querySelector('#btncopyimg');
const imageView = document.querySelector('#image');btncopyimg.onclick = function () {// 复制图片黏贴到我们页面上/*1.引入nativeImage2、创建一个nativeImage的对象*/const image = nativeImage.createFromPath(path.join(path.join(__dirname, './static'), 'icon_shop_card.png'));// 复制图片clipboard.writeImage(image);// 粘贴图片const imgsrc = clipboard.readImage().toDataURL();console.log(imgsrc);   // base64的地址// 创建一个img标签 指定他的srcconst imgDom = new Image();imgDom.src = imgsrc;//   document.body.appendChild(imgDom);imageView.appendChild(imgDom);
};

html

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><button id="btn"> 点击弹出通知</button><br><br><div>内容:<span id="code">dasgdayjsgdaskudhas</span></div><br><br><div><input type="text" id="input"><button id="cbtn">粘贴</button></div><br><br><button id="btncopyimg">复制图片显示到页面</button><br><div id="image"></div><script src="./rederer/ipcrenderer.js"></script><script src="./rederer/cliboard.js"></script></body>
</html>

第十章：Electron 全局快捷键和剪切板相关推荐

electron实现复制文字和图片到剪切板
electron实现复制文字和图片到剪切板这是一个使用electron开发的客户端项目,其中想要实现一个模拟右键菜单复制的功能. 文字的复制首先需要创建一个selection对象,该对象即为你左键 ...
WINDOWS 剪切板操作
1. 基本API介绍在WINDOWS SDK 提供的几个剪切板操作函数: OpenClipboard 打开剪切板 CloseClipboard 关闭剪切板 EmptyClipboard 清空剪切板内 ...
Windows自带截屏-快捷键截图区域至剪切板
问题简介很多时候,我们希望在编辑文档的同时,快速插入屏幕截图.Windows自带的截图工具无疑是比较方便的.但从开始菜单进行查找会比较缓慢.这篇文章介绍如何使用快捷键一键截图至剪切板. 解决方案按 ...
Windows10剪切板快捷键
Windows10剪切板快捷键 WIN + V
win10自带剪切板快捷键(效率提高很多呀)
win10自带的剪切板真好用快捷键 windows+v 快去试试吧
VSCode实用快捷键：复制粘贴内容不改变剪切板等
VSCode里面有很多快捷键,接下来我讲一些我认为最实用的,可以帮助萌新提高代码编写速度 1.快捷复制粘贴 · 会改变剪切板的复制 ctrl+c 光标定在那一行想复制的地方,直接Ctrl+c,然后直接 ...
emacs 剪切板_将Emacs用作RPG仪表板的5种方法
emacs 剪切板玩桌上型角色扮演游戏(RPG)有两种方法:您可以玩由游戏的发行者或独立作者撰写的冒险游戏,也可以玩自己制作的冒险游戏. 无论选择哪种方式,都可能需要做准备工作. 一个玩家(通常称为 ...
Web前端剪切板文本分享到文件发送
注意:本文Demo请点击文末"阅读原文"方便查看. 前言现在前端富交互能力越来越强,也有很多产品基于前端技术进行离线应用开发或在线应用体验增强:这其中剪切板操作也是一个经常会亮相 ...
在Git for windows（MSYS2）中实现tmux和windows剪切板的共享功能
一直以来个人开发环境中linux下tmux和系统剪切板的共享功能都是通过xclip机制实现的,废话不多说直接贴在用的tmux配置文件吧: # 显示vi-cope模式下的映射 tmux list-key ...

第十章：Electron 全局快捷键和剪切板

第十章：Electron 全局快捷键和剪切板相关推荐

最新文章

热门文章