为了账号安全,请及时绑定邮箱和手机立即绑定

单击可复制文本,然后显示小弹出窗口-扩展代码

单击可复制文本,然后显示小弹出窗口-扩展代码

PHP
四季花海 2021-05-13 13:11:33
我需要一个小脚本,该脚本允许单击时复制文本字符串而无需按钮。我发现此代码:function copy(that){var inp =document.createElement('input');document.body.appendChild(inp)inp.value =that.textContentinp.select();document.execCommand('copy',false);inp.remove();}该代码在单击时复制文本,但不显示任何消息。我想对其进行一些修改,以便在用户单击文本时将其复制并显示2-3秒钟的弹出消息(然后应自行消失),提示该文本已复制到剪贴板。有谁知道如何用这种方式修改代码?<p onclick="copy(this)">example text</p> -这样便可以识别要复制的代码。
查看完整描述

3 回答

?
千万里不及你

TA贡献1784条经验 获得超9个赞

希望此功能对您有帮助:


copy(){

input  = $(this).val();

document.execCommand('copy',false,input);


$(this).next('text copied');


setTimeout(function(){$(this).next().remove();}, 2000);

}

请记住,您必须创建一个标签,其中您将在输入标签旁边显示消息


查看完整回答
反对 回复 2021-05-28
  • 3 回答
  • 0 关注
  • 220 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信