自学内容网 自学内容网

jquery复制input框内的内容

JS代码:

//点击复制
$(document).on('click', '.copy-btn', function () {
     let inputValue = $(this).siblings('input').val();

     // 将输入框的值复制到剪贴板
     navigator.clipboard.writeText(inputValue).then(function() {
         // 操作成功的回调
         alert('内容已复制到剪贴板: ' + inputValue);
     }, function(err) {
         // 操作失败的回调
         console.error('无法复制内容: ', err);
     });
 })

HTML代码

<div class="cflex info-item">
    <div class="rflex aic jcsb">
        <span class="info-title">IP</span>
        <input type="text" placeholder="请输入">
        <div class="copy-btn">复制</div>
    </div>
</div>

备注:需要引入jquery.min.js


原文地址:https://blog.csdn.net/qq_25691983/article/details/145097689

免责声明:本站文章内容转载自网络资源,如侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!