javascript點選滑鼠實現資料複製功能
阿新 • • 發佈:2019-02-06
方法1:
/**
* 複製方法
* @param data 要複製的資料
* @private
*/
function __copy(data) {
if (window&&window.clipboardData) {
window.clipboardData.setData("Text", data);
}else{
var el = $("<div>" );
el.css({
"position":"absolute",
"left":'-99999px',
"top":'-99999px'
});
el.text(data);
$("body").append(el);
//建立一個範圍
var range = document.createRange();
range.selectNodeContents(el.get(0 ));
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
var success;
try {
success = document.execCommand("copy", false, null);
alert('複製成功' );
}
catch (e) {
alert('複製失敗');
}
if (success) {
// remove temp element.
el.remove();
}
}
}
方法2:
安裝並引入jquery
npm install --save-dev g_common_fn
例子
var commonFn = require('g_common_fn');
commonFn.copy("要複製的內容");
注意:規範中說明,此類操作不能非同步執行,只能由使用者發起。
複製成功後,Ctrl+v檢視效果吧~