JavaScript操作剪贴板的实现方法介绍


当前第2页 返回上一页

HTML

1

2

3

<label for="text">测试内容:</label>

<textarea name="text" id="text" cols="30" rows="1">ABCDEFGHIJKLMNOPQRSTUVWXYZ</textarea>

<textarea name="text" id="test" cols="30" rows="2" placeholder=""></textarea>

js 就直接在 console 中进行调试了

用 shift + enter 在 console 中换行输入指令

JS

1

2

3

4

5

6

7

// 选中文本

var text = document.querySelector('#text');

text.focus();

text.setSelectionRange(3,13);

 

// 操作文本

document.execCommand('cut')

选中后的样子

1462310994-5c98a5a1d5e94_articlex.jpg

执行剪切操作后,再手动粘贴到下面的输入框中

3605886468-5c98a5aa3ffbc_articlex.jpg

就是这样了。

本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目!

以上就是JavaScript操作剪贴板的实现方法介绍的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

认识javascript是如何工作的,深入v8引擎和编写优化代码

javascript继承的6种方法是什么

浏览器内核以及浏览器兼容的问题分析

h5+c3+js实现楼层跳跃特效

javascript如何实现异步

js proxy 的优势以及使用场景

如何使用javascript消除readonly

javascript的this的用法详解

js数组怎么转为字符串

js (javascript)加密算法库 crypto-js 简介

更多相关阅读请进入《clipboard》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...