js 跨 firefox ie 的复制，粘贴功能做法

问题内容： Firefox实现IE下的复制粘贴功能
原讨论链接： http://community.csdn.net/expert/topicview1.asp?id=5115440
所属论坛： JavaScript 审核组： WEB开发
提问者： wab81923 解决者： brothercat
感谢：
关键字： JavaScript Web 开发网址 input value type return txt var clip components.classes
答案：
function cpylink(btn,obj)
{
therange=obj.createTextRange();
therange.execCommand("copy");
btn.value = "       复制完毕       ";
}

<input type="hidden" id="myurl" name="myurl" size="10" value='www.zyqRadio.com'>
<input type="button" value="     复制本站网址     " name="B3" οnclick="javascript:cpylink(this,document.getElementById('myurl'))" >
---------------------------------------------------------------

FF里这个问题比较麻烦，因为大部分情况FF里处于安全考虑都会禁用复制功能，所以首先你要在FF浏览器的地址栏里输入：about:config  设置"signed.applets.codebase_principal_support"选项的值为true，然后照下面代码来写：

===============================================================================
<html>

<head>
<title>兼容的复制功能</title>
<script>
function copylink(btn,inputtxt)
{
  var therange=inputtxt.value;
  copyToClipboard(therange);
  btn.value = "       复制完毕       ";
}
function copyToClipboard(txt) {
    if(window.clipboardData)
    {
        window.clipboardData.clearData();
        window.clipboardData.setData("Text", txt);
    }
    else if(navigator.userAgent.indexOf("Opera") != -1)
    {
        window.location = txt;
    }
    else if (window.netscape)
    {
        try {
            netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
        }
        catch (e)
        {
            alert("此操作被浏览器拒绝！/n请在浏览器地址栏输入“about:config”并回车/n然后将[signed.applets.codebase_principal_support]设置为'true'");
        }
        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 = new Object();
        var len = new Object();
        var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
        var copytext = txt;
        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);
    }
    return true;
}
</script>
</head>

<body>
<input type="hidden" id="hiddenurl" size="10" value="www.csdn.net">
<input type="button" value="     复制本站网址     " name="B3" οnclick="javascript:copylink(this,document.getElementById('hiddenurl'))" >
</body>

</html>

js 跨 firefox ie 的复制，粘贴功能做法相关推荐

js实现复制粘贴功能
在项目中使用到复制粘贴功能,虽然网上有很多大牛封装了很多的插件,但是还是想不去使用插件,就像自己来实现这个功能. 初步想法: 1. 获取到需要复制的内容,这里我可以将需要复制的内容放在input或者t ...
JS一键复制粘贴功能
使用clipboard.js 实现: 它是一个不需要Flash,就能实现文本复制或者剪切到剪切板的轻量级插件: 具体实例: 可以使用cdn 或者直接下载设置好引用路径. <!DOCTYPE h ...
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能
js实现粘贴板js插件clipboard.js实现一键复制粘贴功能简介下载引入插件使用一个节点的复制多个节点的复制剪切文本框复制输入框简介 clipboard.js 提供了一种更好. ...
最新js实现复制粘贴功能实例
功能:实现鼠标点击复制内容描述:使用与手机网站.pc等端. 实现点击复制粘贴功能的代码实例: function common_copy(text){if(text.indexOf('-') !== ...
clipboard + element-ui +vue 实现复制粘贴功能与提示
结合 clipboard.js 实现复制.粘贴功能剪切功能参考官方文档,个人认为用不太上(有富文本编辑器的时候可能才用得上,也或许不需要自己实现) 想要知道怎么使用,优先参考官方文档(如何指定要复制 ...
html5屏蔽ios长按复制,html5+CSS 实现禁止IOS长按复制粘贴功能
html5+CSS 实现禁止IOS长按复制粘贴功能因为在移动端APP需要实现长按执行别的事件,但是在iOS系统有默认的长按选择复制粘贴,禁止此功能在网上找了很多资料,最终整理出目前最好的解决方法. ...
软件测试面试题-如何测试复制粘贴功能
复制粘贴是电脑最普遍的两个操作了,在面试的过程中,有学生被问到如何测试复制粘贴功能的时候,我个人觉得你可以这样去回答更多学习资源,公众号主页点击领取资料查看我评论区置顶首先,这道题目你甚至可以发 ...
Windows下Ubuntu子系统，开启复制粘贴功能方法
Windows下Ubuntu子系统,开启复制粘贴功能方法问题我在Microsoft Store下载了Ubuntu后,进入系统发现复制粘贴不上去解决方法右键单击我们打开的Ubuntu终端顶部,下 ...
android textview 复制粘贴,android app 内实现文本复制粘贴功能
如果有一天我后悔了自己的决定,希望一切都还来得及. 在app内实现复制粘贴功能,主要分为两种情况.一种是点击按钮,复制指定的文本.一种是长按文本调用系统的复制功能. (一)主要用于复制一些序列号,邀请 ...

js 跨 firefox ie 的复制，粘贴功能做法

js 跨 firefox ie 的复制，粘贴功能做法相关推荐

最新文章

热门文章