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操作剪贴板的实现方法介绍的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

html5和原生app如何进行交互?

javascript中object.is()方法如何使用?(代码示例)

javascript调试之console.table()

javascript异步编程方法有哪些

javascript如何处理事件冒泡

javascript中substr()和substring()之间的区别是什么?

javascript如何判断对象是否数组

javascript怎么判断值是否是整数

深入了解javascript对象原型

javascript的常用事件有哪些

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




打赏

取消

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

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

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

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

评论

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