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

项目需要实现一个复制推广链接的效果,原本想使用复制文本的方式,获取标签对中文本,然后去复制,但是那样确实很复杂,需要大量的代码和操作,所以还是决定采用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>

还算简单。

发表评论
加载中...

相关文章