JS 复制到黏贴板上

<script type="text/javascript">
    function copyUrl2()
    {
        var Url2=document.getElementById("biao1");
        Url2.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        alert("已复制好,可贴粘。");
    }
    </script>
    <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
    <input type="button" onClick="copyUrl2()" value="点击复制代码" />

 注意:

1、select();是js原生的方法。如果用jq找到的元素,需要把jq对象转为js对象。 转的方法:如下
1. DOM 对象转成 jQuery 对象
   对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQuery 对象了,$(DOM 对象) 注: var是定义变量
   如: 
    var v = document.getElementById("v"); //DOM对象
    var $v = $(v); //jQuery 对象
     转换后,就可以任意使用 jQuery 的方法。
2. jQuery 对象转成 DOM 对象
    两种转换方式讲一个 jQuery 对象转换成 DOM 对象: [index] 和 .get(index);
   (1) jQuery 对象是一个数据对象,可以通过 [index] 的方法,来得到相应的 DOM 对象。
   如: 
   var $v = $("#v"); //jQuery 对象
   var v = $v[0]; //DOM 对象
   alert(v.checked); //检测这个checkbox是否被选中
(2) jQuery 本身提供,通过.get(index) 方法得到相应的 DOM 对象
  如:
   var $v = $("#v"); //jQuery 对象
   var v = $v.get(0); //DOM对象 ( $v.get()[0] 也可以 )
   alert(v.checked); //检测这个 checkbox 是否被选中

2、要复制的对象必须是 input textarea 不能隐藏。如果隐藏则不起作用。

 

posted @ 2016-07-22 11:56  328201736  阅读(470)  评论(0编辑  收藏  举报