当前位置:首页 > CSS > 关键词 > 点击复制 > 正文

jquery原生实现文本点击复制功能

jquery原生实现文本点击复制功能
<input class="copy_input" type="text" value="123" disabled>
<button class="copy_button">复制</button>
<input class="hide" type="text" >
 <script>
 $(function () {
  // 点击复制
  $(".copy_button").click(function () {
    var text = $(this).prev().val();
    $(this).next().val(text);
    $(this).next().select();
    document.execCommand("copy");
    alert("复制成功");
  });
});
</script>

本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/798.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

内容有用

联系
顾问

在线
客服
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录