<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function copyToClipBoard(id){
var clipBoardContent = document.getElementById(id).value;
if(window.clipboardData){
window.clipboardData.clearData();
window.clipboardData.setData("Text", clipBoardContent);
}else if (window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}catch (e){
alert("您的当前浏览器设置已关闭此功能!请按以下步骤开启此功能!\n新开一个浏览器,在浏览器地址栏输入'about:config'并回车。\n然后找到'signed.applets.codebase_principal_support'项,双击后设置为'true'。\n声明:本功能不会危极您计算机或数据的安全!");
}
var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if (!clip) return;
var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if (!trans) return;
trans.addDataFlavor('text/unicode');
var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var copytext = clipBoardContent;
str.data = copytext;
trans.setTransferData("text/unicode",str,copytext.length*2);
var clipid = Components.interfaces.nsIClipboard;
if (!clip) return false;
clip.setData(trans,null,clipid.kGlobalClipboard);
}
alert("已成功复制!");
return true;
}
</SCRIPT>
</head>
<body>
<input type="text" id="code" onmouseover="this.select();" value='www.baidu.com' size="20" />
<input type="button" value="复制" onClick="copyToClipBoard('code');" />
<br/>
</body>
</html>
分享到:
相关推荐
今天小编就为大家分享一篇Vue实现点击按钮复制文本内容的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
移动端点击按钮复制文本内容,具体内容如下所示: 邀请码 // <p id=inviteCode class=inviteCode>{{invite_code}} <input id=inviteCode class=inviteCode type=text /> 复制 copy() { var Url2 = this....
Vue实现点击复制内容,然后粘贴到其他地方
最近遇到一个需求,需要点击按钮,复制 <p> 标签中的文本到剪切板 之前做过复制输入框的内容,原以为差不多,结果发现根本行不通 尝试了各种办法,最后使了个障眼法,实现了下面的效果 一、原理分析 浏览器提供了 ...
html5的webAPI接口可以很轻松的使用短短的几行代码就实现点击按钮复制区域文本的功能,不需要依赖flash。 代码如下: /* 创建range对象 */ const range = document.createRange(); range.selectNode(element); // ...
在上一种方式的复制功能中补充了另外一种方式,js复制功能目前就这点认识了,有新的认识了再补充或完善。 功能:点击“复制”按钮,复制“文本内容”
主要介绍了js实现点击后将文字或图片复制到剪贴板的方法,功能非常实用,需要的朋友可以参考下
本文实例为大家分享了js+html5实现点击复制文字的按钮,供大家参考,具体内容如下 图片展示: 注意css中的样式,有些页面复制不成功就是没有添加那一句造成的。 代码块 <!DOCTYPE html> <html lang=en> ...
1. 编写一个 Java 程序, 在程序中建立一个窗口, 有两个文本框和一个按钮, 单击按钮, 能把左边文本框中的内容复制到右边文本框中.
主要介绍了js实现点击复制当前文本到剪贴板功能,兼容所有浏览器,感兴趣的小伙伴们可以参考一下
新学习JavaScript,就碰到这么一个需求,几乎网上的方法都试过了...目录中有各种demo,分别实现了固定的文字复制,input的复制等等,可以看下找找思路; 下边来记录下使用的方式: 一:引入插件: [removed]</scri
1 . npm安装到项目目录文件中 npm install clipboard --save 2 .... import Clipboard from 'clipboard';...复制地址</button> 4 . 在JavaScript中通过类名找到元素中的内容。 let clipboard = new
JS 点击复制Copy 点击复制按钮复制指定文本内容,实现网页中的复制功能
点击右侧“识别结果”中的文本记录,然后点击“复制到剪贴板”即可复制该文本内容。如果你没有NVIDIA GPU,或GPU不支持CUDA,可以安装CPU版本,如果你的GPU安装过CUDA9或CUDA10,cuDNN 7.6+,可以选择下面这个GPU...
clipboard.js 是一个不需要flash,将文本复制到剪贴板的插件。下面给大家介绍Vue中使用clipboard实现复制功能,具体内容如下所示: 首先现在Vue中引入clipboard npm install clipboard --save 在需要使用的组件中...