前端實現一鍵複製到剪切板

複製是網頁上很常見的一個功能,下面就使用js來實現複製功能;


// 複製功能
copyUrl(dom) {
    var copyDOM = document.querySelector(dom);  //需要複製文字的節點
	var range = document.createRange(); //創建一個range
	window.getSelection().removeAllRanges();   //清楚頁面中已有的selection
	range.selectNode(copyDOM);    // 選中需要複製的節點    
	window.getSelection().addRange(range);   // 執行選中元素
	var successful = document.execCommand('copy');    // 執行 copy 操作  
	if(successful){
		message.success('複製成功!')
	}else{
		message.warning('複製失敗,請手動複製!')
	}
	// 移除選中的元素  
	window.getSelection().removeAllRanges(); 
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章