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