主页 / 问题 / 953838
Accepted
Range
Asked:2020-03-08 05:19:35 +0000 UTC2020-03-08 05:19:35 +0000 UTC

以编程方式引发复制/粘贴/剪切事件

  • 772

该页面有一个textarea：

<textarea id = "txt"></textarea>

我以编程方式为其设置了处理程序。是否也有以编程方式调用这些处理程序的选项？谢谢你。

javascript

1 个回答

  1. Best Answer

    下面是同步复制方法：

    document.querySelector('button').onclick = function(){
  var textArea = document.querySelector('#txt');
  textArea.focus();
  textArea.select();
  document.execCommand('copy')
}
    <textarea id = "txt">value 1</textarea>
<br>
<button>copy to clipboard</button>
<br>
paste here:<br>
<textarea></textarea>

    这是一种异步复制粘贴方式：

    document.querySelector('button#copy').onclick = function(){
  navigator.clipboard.writeText(document.querySelector('#txt').value)
}

document.querySelector('button#paste').onclick = function() {
  var textArea = document.querySelector('#res');
  navigator.clipboard.readText().then(t => textArea.value=t) ;
}
    <textarea id="txt">value 1</textarea>
<br>
<button id="copy">copy to clipboard</button>
<br>
paste here:<br>
<textarea id="res"></textarea>
<br>
<button id="paste">paste from clipboard</button>

    以上所有内容都可以很好地包含或以另一种方式try-catch检查功能支持

    • 1

相关问题