Clipboard API click copy click copy demo clickGetNewsLink(data_ref = `newsLink`) { let that = this; let newsLink = document.querySelector(`[data-uid="${data_ref}"]`); // let newsLink = document.querySelector(`[data-uid="newsLink"]`); i…

在过去的几年里我们只能使用 document.execCommand 来操作剪贴板.不过,这种操作剪贴板的操作是同步的,并且只能读取和写入 DOM. 现在 Chrome 66 已经支持了新的 Async Clipboard API,作为 execCommand 替代品. 这个新的 Async Clipboard API 还可以使用 Promise 来简化剪贴板事件并将它们与 Drag-&-Drop API 一起使用. 演示视频:https://zhuanlan.zhihu.com/p/... 复…

转自奇舞周刊,个人学习记录,侵权删 编者按:本文作者李松峰,资深技术图书译者,翻译出版过40余部技术及交互设计专著,现任360奇舞团高级前端开发工程师,360前端技术委员会委员.W3C AC代表 如果我问:你知道“剪贴板”(clipboard)吗? 恐怕没人不知道.我们每天都不知道自己要在电脑或手机上“复制”.“粘贴”多少回.每次“复制”.“粘贴”的背后,都会用到“剪贴板”. 根据“维基百科”: The clipboard is a data buffer used for short-term…

我们之前学习了TextInput组件, 有时候我们需要在TextInput组件中复制或者粘贴一些文字. React Native为开发者提供了 Clipboard API,Clipboard 组件可以在iOS和Android的剪贴板中读写内容.目前还只支持获取或者存放字符串. 主要方法 static getString() 获取剪贴板的文本内容,返回一个Promise(后面会介绍) 你可以用下面的方式来调用. async _getContent() { var content = await C…

前言 作为一名资深搬砖工,你要问我用得最熟练的技能是什么,那我敢肯定且自豪的告诉你:是 Ctrl+C !是 Ctrl+V! 不信?你来看看我键盘上的 Ctrl.C 和 V 键,那油光发亮的包浆程度,不盘个三五年是绝对达不到的! 编程界的江湖上曾经流传着一句话:CV da fa 好,CV da fa 妙!主要看疗效,谁用谁知道!(为防河蟹,且用拼音凑合着) 从这句话就可以看出编程界的同仁们对 CV 的追捧和狂热,简直是席卷大街小巷.风靡大江南北!一时之间,不知让多少 IT 英雄们"竞折腰"…

原文 CSS Typed Object Model 使用CSS object model,返回的一切都是字符串 el.style.opacity = 0.3; console.log(typeof el.style.opacity); > 'string' // A string!? 现在可以使用.attributeStyleMap属性替代.styleMap来访问style.它返回一个类似map的对象,使得读写更加容易. el.attributeStyleMap.set('opacity', 0…

https://github.com/stimulusjs/stimulus 一个现代JS框架,不会完全占据你的前端,事实上它不涉及渲染HTML. 相反,它被设计用于增加你的HTML和刚刚够好的behavior. Stimulus和Turbolinks协作非常好. Stimulus is a JavaScript framework with modest ambitions. It doesn’t seek to take over your entire front-end—in fact,…

cursormanager.js //Namespace management idea from http://enterprisejquery.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/(function( cursorManager ) { //From: http://www.w3.org/TR/html-markup/syntax.html#syntax-elements var v…

译者注 我的上一篇译文 “[译] 通过 contentEditable 属性创建一个所见即所得的编辑器” 的原文 “Create a WYSIWYG Editor With the contentEditable Attribute” 被本文作者叼了一翻,说会误导吃瓜群众,让初学者误以为富文本编辑器很简单(见原文第一条评论),吓得我赶紧在译文头部郑重申明了一翻. 顺着评论过去看了下这篇文章,虽然有点 CKEditor 软文的嫌疑,但确实有些点值得思考下,遂译之. 不过 CKEditor 确实牛逼…

(题图:梵高-橄榄树) 提出需求 因为工作原因,现在有一个需求就是需要用户使用QQ或者微信复制一张截图后,在div中直接粘贴这张图片,而不是采用上传的方式.类似我们在使用QQ微信时直接粘贴截图的操作,这个要怎么用js来实现呢? 实现原理 我们可以利用 Clipboard 这个接口API 来实现. 根据在MDN上的定义,Clipboard接口提供了一种读写操作系统剪贴板的方式.这样我们就可以获取剪贴板的内容,然后通过js插入到某个元素中. 具体Clipboard API的MDN链接如下: http…