JS网页点击复制代码总结

例1

 代码如下 复制代码

<script>
function oCopy(obj){
obj.select();
js=obj.createTextRange();
js.execCommand("Copy")
}
</script>

<input onclick="oCopy(this)" value="要copy的内容!">

例2

点击复制标题和地址的代码:

 代码如下 复制代码

<title>标题</title>
<input type="button" name="Submit" onClick='copyToClipBoard()' value="复制专题地址，传给QQ/MSN上的好友">
<script language="javascript">
   function copyToClipBoard(){
    var clipBoardContent="";
    clipBoardContent+=document.title;
    clipBoardContent+="";
    clipBoardContent+=this.location.href;
    window.clipboardData.setData("Text",clipBoardContent);
    alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");
}
</script>

三、点击复制文本框内容的代码:<br><br>

 代码如下 复制代码

<script type="text/javascript">
    function jsCopy(){
        var e=document.getElementById("content");//对象是content
        e.select(); //选择对象
        document.execCommand("Copy"); //执行浏览器复制命令

       alert("已复制好，可贴粘。");
    }
</script>
<textarea cols="60" name="content" rows="2" id="content">www.52nx.net</textarea>
<input type=button value="复制" onclick="jsCopy()">

上面兼容性在不同浏览器可能会有差距了，下面我介绍一个非常不错的实例

 代码如下 复制代码

function copy_clip() {
    var url = $("#back_info").html();     //需要复制的内容
    var txt = url.substring(url.indexOf(":") + 1, url.length);
    if (window.clipboardData) {
        window.clipboardData.clearData();
        window.clipboardData.setData("Text", txt);
        alert('恭喜，复制成功！');
    } else if (navigator.userAgent.indexOf("Opera") != -1) {
        window.location = txt;
    } else if (window.netscape) {
        try {
            netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
        } catch (e) {
            alert("您的firefox安全限制限制您进行剪贴板操作，请在新窗口的地址栏里输入'about:config'然后找到'signed.applets.codebase_principal_support'设置为true'");
            return false;
        }
        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);

    }
}
时间： 2024-10-29 21:43:59

JS网页点击复制代码总结的相关文章

用 javascript 实现的点击复制代码_javascript技巧

<title>标题</title> <input type="button" name="Submit" onClick='copyToClipBoard()' value="复制专题地址,传给QQ/MSN上的好友">  <script language="javascript">    function copyToClipBoard(){     var clipBoardC

js网页中的(运行代码)功能实现思路_javascript技巧

复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset='utf8' /> <title>网页中的运行代码功能</title> <script type="text/javascript"> function runCode(oCode) { var win = window.open('', "_blank", ''); win

js网页加载效果代码

提示:您可以先修改部分代码再运行 P> 已经完成: 本代码由网页特效网提供 提示:您可以先修改部分代码再运行

js 强制点击广告代码

请先点击上面的链接再点击这里下载

JS简单实现点击复制链接的方法_javascript技巧

本文实例讲述了JS简单实现复制链接的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&

php结合js实现点击超链接执行删除确认操作_php实例

如题,本次是要实现点击超链接实现执行js代码,并确认是否删除数据库数据,采用php. 首先链接数据库,查询数据库数据: 复制代码 代码如下: <?php $dbms='mysql';                         //数据库类型 ,对于开发者来说,使用不同的数据库,只要改这个,不用记住那么多的函数 $host='localhost';                     //数据库主机名 $dbName='db_database19';            //使用的数据

使用非html5实现js板连连看游戏示例代码_javascript技巧

向大家分享一款如何实现js版连连看游戏,如下图所示: 首先看一下html的布局方式在index.html文件中: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http

js判断屏幕分辨率的代码

由于现在的很多用户的分辨率问题,导致很多广告会遮挡内容或者对于不同分辨率的用户不同的css样式,就可以参考下面的代码   一般我们可以通过下面的代码判断分辨率 复制代码 代码如下: <script language="JavaScript">  <!-- Begin  function redirectPage() {  var wjb51=screen.width; var hjb51=screen.height; alert("经系统检测,你的屏幕分辨率

js判断屏幕分辨率的代码_javascript技巧

一般我们可以通过下面的代码判断分辨率 复制代码 代码如下: <script language="JavaScript">  <!-- Begin  function redirectPage() {  var wjb51=screen.width;var hjb51=screen.height;alert("经系统检测,你的屏幕分辨率为 " + wjb51+"*"+ hjb51 + "by jb51.net"