文章关键字 ‘剪切板’

JS复制文字到剪切板的极简实现及扩展

2021年10月28日,星期四

JS复制文字到剪切板

多次遇到复制文字内容到剪切板的需求,每次都重新撸一遍代码,很糟心,所以特别写了篇文章,方便下次复用和溯源,也顺便帮助下其他同行小伙伴。

阅读全文…

直接剪切板粘贴上传图片的前端JS实现

2018年09月21日,星期五

剪切板上传图片缩略图

可能有小伙伴并不知道,在网页中,我们直接Ctrl+V也是能够上传图片的。诶?真有这么厉害?没错,就是这么厉害!要不进去瞅瞅,现成的源代码,高保真的demo,包你分分钟学会这种姿势,哦,不,知识!

阅读全文…

利用剪切板JS API优化输入框的粘贴体验

2018年09月9日,星期日

剪切板粘贴优化缩略图

输入框输入内容我们有时候为了方便,会直接粘贴内容,例如IP,网址,或者陌生人的手机号。但是,有时候我们复制的内容包含冗余信息,或者格式不准确,还需要重新编辑,体验就不好了。实际上,我们可以直接控制剪切板里面的复制的文字内容,可以实现粘贴的数据是我们希望的准确的数据格式,省去用户重新自己编辑的麻烦,可以有效提升用户的交互体验。

具体该如何实现呢?请看本文的介绍以及可以直接复制粘贴就可以使用的JS代码。

阅读全文…

js+flash(as3)实现复制文字内容到剪切板

2010年08月17日,星期二

单纯的js复制文字到剪切板较啰嗦,由于考虑到安全性等原因,使用类似点击按钮这类复制文字内容的操作往往多有限制,所以,总的来看,使用js实现文字等内容的复制不是个好方法。既然,js实现文字的复制有点啰哩吧嗦的,我们可以转向其他的方法,例如JavaScript的近亲,ActionScript,在AS3下,实现文字复制到剪切板要比js轻松很多。本文就是介绍如何通过flash为媒介实现将web页面上的文字复制到剪切板中。
提供代码展示,提供demo页面,提供源文件打包下载,希望能对您的学习有所帮助。

阅读全文…