jquery将文本框值复制到剪切板

本文阅读 1 分钟
广告

项目需要实现一个复制推广链接的效果,原本想使用复制文本的方式,获取标签对中文本,然后去复制,但是那样确实很复杂,需要大量的代码和操作,所以还是决定采用select()方法来选中文本框中值。官方的说明中,当 textarea 或文本类型的 input 元素中的文本被选择时,会发生 select 事件,可以用于进行文本复制。

js代码如下:

$(document).ready(function(){  //dom加载完成后执行方法
    $("#copy").on('click',function(){  //获取ID为copy元素的点击事件
        var e=$("#link");//对象是content
        e.select(); //选择对象
        document.execCommand("Copy"); //执行浏览器复制命令
        alert("复制成功");
    });
});

html代码如下:

<input type="text" id="link" value="要复制的文本"/>
<a href="javascript:;" id="copy">复制</a>

还算简单。

本文来自投稿,不代表本站立场,如若转载,请注明出处:https://www.ruletree.club/archives/946/
收费?不存在!阿里云反向代理OSS内网途径免流出流量费
« 上一篇 01-08
Discuz! X3.4全站https最快方法,亲测试
下一篇 » 01-17
广告

发表评论

成为第一个评论的人

作者信息

热门文章

标签TAG

热评文章