原生态js方法实现全选复制功能

原生态js方法实现全选复制功能,第1张

概述网站想做一个复制代码的功能,可是原生态的js只有ie下才能实现,其他浏览器都需要flash来实现复制功能,我又不想用flash,鼓捣了很久,不能复制,我起码能做一个全选的功能吧。

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家,也给大家做个参考。

我的 demo 网站想做一个复制代码的功能,可是原生态的 Js 只有 IE 下才能实现,其他浏览器都需要 flash 来实现复制功能,我又不想用 flash,鼓捣了很久,不能复制,我起码能做一个全选的功能吧。下面是复制的代码:

function selectCode(objID){

var obj = document.getElementByID(objID);

obj.select();

}

function selectText(obj) {

var text = obj;

if (document.body.createTextRange) {

var range = document.body.createTextRange();

range.movetoElementText(text);

range.select();

} else if (window.getSelection) {

var selection = window.getSelection();

var range = document.createrange();

range.selectNodeContents(text);

selection.removeAllRanges();

selection.addRange(range);

} else {

alert("none");

}

}

代码预览

<textarea ID="copy" rows="10" cols="50">这里是需要复制的内容,点击全选按钮看效果!</textarea>

<p><button onclick="selectCode()">全选</button></p>

<script type="text/JavaScript">

function selectCode(objID){

var obj = document.getElementByID("copy");

obj.select();

}

function selectText(obj) {

var text = obj;

if (document.body.createTextRange) {

var range = document.body.createTextRange();

range.movetoElementText(text);

range.select();

} else if (window.getSelection) {

var selection = window.getSelection();

var range = document.createrange();

range.selectNodeContents(text);

selection.removeAllRanges();

selection.addRange(range);

} else {

alert("none");

}

}

</script>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的原生态js方法实现全选复制功能全部内容,希望文章能够帮你解决原生态js方法实现全选复制功能所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1095976.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存