zoukankan      html  css  js  c++  java
  • 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 不能隐藏。如果隐藏则不起作用。

  • 相关阅读:
    ssh REMOTE HOST IDENTIFICATION HAS CHANGED!
    pipenv+sublime text3 配置
    华硕N55SF 折腾记
    vscode 的tab与空格设置
    kbenigne学习3 get-started 2创建实体
    设置数据编码
    jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
    jquery与其他js冲突
    php取整
    IE8 indexOf
  • 原文地址:https://www.cnblogs.com/yjhua/p/5694684.html
Copyright © 2011-2022 走看看