JS实现点击内容后将内容复制到粘贴板

 当一段很长，并且包含各种标点符号的文字，要去复制时，就不能双击复制，必须要手动去选择文字，然后才能去复制，非常麻烦。

因此，我们常常看到，有些比较人性化的网站，通常会有对需要复制的文字进行单击、双击即可复制的暖心操作。

如下，是一个input框的单击鼠标左键即可将内容复制到粘贴板的方法供大家参考，有更好的建议欢迎大家留言评论。

实操代码：

<script type="text/javascript">
  /**
  * 监听点击事件
  */
  $(document).on("click", "#randomPW", function() {
    copyForPaste($(this).val());
  });
  /**
  * 实现点击内容后将内容复制到粘贴板方法
  */
  function copyForPaste($val) {
    var input = document.createElement('input'); // 创建input元素
    // 把文字放进input中，供复制
    input.value = $val;
    document.body.appendChild(input); // 向页面底部追加输入框
    // 选中创建的input
    input.select();
    var copy_result = document.execCommand('copy'); // 执行复制命令
    if (copy_result) {
      alert('已复制到粘贴板');
    } else {
      alert('复制失败');
    }
    document.body.removeChild(input); //删除动态创建的节点
  }
</script>