js--选中文字复制到剪贴板上

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击按钮时将选中文字复制</title>
</head>
<body>
    <h2>我是H2标签</h2>
    <input type="button" onclick="copy()" value="点击后复制鼠标左键选中的文字">
    <input type="text" placeholder="ctrl + v或右键粘贴">
    <script>
        function copy(){
            document.execCommand("Copy");
        }
    </script>
</body>
</html>

时间： 2024-10-19 16:31:48

js--选中文字复制到剪贴板上的相关文章

js点击后将文字复制到剪贴板,将图片复制到剪贴板

复制文字: [html] view plaincopy <table width="99%" border="0" cellpadding="0" cellspacing="0" class="firtable"> <tr> <th width="100%" style="color: white;"><s:text name

js 将内容复制到剪贴板 CreationTime--2018年7月1日15点06分 Author:Marydon function copyToClipboard(txt) { if(window.clipboardData){ // 清空剪贴板 window.clipboardData.clearData(); // 赋值 window.clipboardData.setData("Text", txt); alert('复制成功!') }else{ alert('请手动复制!')

js 选中文字

选中文字,文字背景是蓝色当前点击的元素: var e = e || event; var tag = e.target || e.srcElement; 选中文字:window.getSelection().selectAllChildren(tag); 取消选中的效果:window.getSelection().removeAllRanges();

JS实现各种复制到剪贴板

一.实现点击按钮,复制文本框中的的内容 <script type="text/javascript"> function copyUrl2() { var Url2=document.getElementById("biao1"); Url2.select(); // 选择对象 document.execCommand("Copy"); // 执行浏览器复制命令 alert("已复制好,可贴粘."); } <

JQery插件clipboard.js ----将文本复制到剪贴板的现代化方法

### 之前用了js自带的剪贴板对象clipboardData 对象以为就可以实现粘贴复制,但是种只支持IE的. 就找了jq的一个插件Zclip,但是网上的说法是利用了flesh来实现的,我用了之后可以实现,但是面对我自啊table的td中存在多个要实现粘贴复制的话,就会有问题了. 所以,才找了现在这个jqery的另一个插件,相对更好些,能够支持移动端的 ### 插件官网:https://clipboardjs.com/ 实现起来也很简单, 我就弄个例子: <!DOCTYPE html> &l

js选中文字兼容性解决

function selectText(){ if(document.selection){ //ie return document.selection.createRange().text; } else{ //标准 return window.getSelection().toString(); } }

JS 将字符串复制到剪贴板

const el = document.createElement('textarea'); el.value = str; el.setAttribute('readonly', ''); el.style.position = 'absolute'; el.style.left = '-9999px'; document.body.appendChild(el); const selected = document.getSelection().rangeCount > 0 ? docume

黄聪：JS实现复制到剪贴板功能，兼容所有浏览器（转）

两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大.成长以来,很多朋友也听说到不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围的环境都有很大关系,只能说多找方法.条件给自己鼓励,不断提高对自己的要求,才有机会获得多一点的成就. 今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能