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怎么添加双实线

jquery中prop什么意思

如何理解html、css、javascript之间的关系?

关于javascript监听组合按键

javascript的基本特点有哪些

javascript作用域分为哪两类

javascript dom的详细介绍

如何使用canvas画一个微笑的表情(代码示例)

一起看看 php javascript 语法对照

js || &&详解

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




打赏

取消

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

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

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

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

评论

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