当前第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' )
|
选中后的样子

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

就是这样了。
本篇文章到这里就已经全部结束了,更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目!
以上就是JavaScript操作剪贴板的实现方法介绍的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
html5和原生app如何进行交互?
javascript中object.is()方法如何使用?(代码示例)
javascript调试之console.table()
javascript异步编程方法有哪些
javascript如何处理事件冒泡
javascript中substr()和substring()之间的区别是什么?
javascript如何判断对象是否数组
javascript怎么判断值是否是整数
深入了解javascript对象原型
javascript的常用事件有哪些
更多相关阅读请进入《clipboard》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » JavaScript操作剪贴板的实现方法介绍