php - 如何在点击事件上复制输入类型密码？

Question

这就是我尝试使用代码的方式：

<div class="col-sm-6">
      <input type="password" class="form-control" value='<?php echo $decrypt_value; ?>'  id="p2" name="">
</div>
<div class="col-sm-2">
      <button class="btn btn-primary pull-right" onclick="copyToClipboard('#p2')">Copy TEXT</button>
</div> 

//use script for getting value from text box *
function copyToClipboard(element) {

              var $temp = $("<input>");
              $("body").append($temp);
              $temp.val($(element).val()).select();
             // alert($(element).val());
              document.execCommand("copy");
              $temp.remove();
}

//this is script using js

            function copyToClipboard(element) {
              var $temp = $("<input>");
              $("body").append($temp);
              $temp.val($(element).val()).select();
             // alert($(element).val());
              document.execCommand("copy");
              $temp.remove();
            }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-sm-6">
          <input type="password" class="form-control" value='<?php echo $decrypt_value; ?>'  id="p2" name="">
    </div>
    <div class="col-sm-2">
          <button class="btn btn-primary pull-right" onclick="copyToClipboard('#p2')">Copy TEXT</button>
    </div>

标签： phpjquerycopycodeigniter-3

Answer 1

执行此快捷方式，只需将 id 添加到您的按钮

<button class="btn btn-primary pull-right" id="buttonCopyText">Copy TEXT</button>
$('#buttonCopyText').click(function () {
    var copyText = document.getElementById("p2");
    navigator.clipboard.writeText(copyText.value);
})