js对剪切板的操作

314 阅读1分钟

将内容复制到剪切板函数

  • document.execCommand("Copy") 触发复制监听事件
  • e.clipboardData.setData 将内容添加到剪切板
  • 复制完成后,取消监听事件,否则会触发多次
	function copyHandle(content){
  		let copy = (e)=>{
      		e.preventDefault()
      		e.clipboardData.setData('text/plain',content)
      		document.removeEventListener('copy',copy)
  		}
 	 	document.addEventListener('copy',copy)
  		document.execCommand("Copy");
	}

将内容从剪切板取出

 window.addEventListener("paste", function (e) {
      const clipdata = e.clipboardData || window.clipboardData;
      console.log("主动粘贴", clipdata.getData("text/plain"));
    });