js方法-深拷贝 + 光标获取_js 深拷贝range-优快云博客

这篇博客介绍了JavaScript中的深度拷贝方法，包括适用于对象和数组的extend函数以及专门针对数组的copyArr函数。此外，还详细讲解了如何获取和设置DOM元素中光标的位置，提供了getCursortPosition和setCaretPosition两个实用函数。

// 深拷贝(可拷贝对象或数组)(推荐)
function extend(source) {
let sourceCopy = source.constructor === Array ? [] : {};
for (let keys in source) {
if (source.hasOwnProperty(keys)) {
if (source[keys] && typeof source[keys] === ‘object’) {
sourceCopy[keys] = source[keys].constructor === Array ? [] : {};
sourceCopy[keys] = extend(source[keys]);
} else {
sourceCopy[keys] = source[keys];
}
}
}
return sourceCopy;
}
// 数组深拷贝
function copyArr(arr) {
if (arr === ‘’ || arr === null || arr === undefined) { return; }
return arr.map((e) => {
if (typeof e === ‘object’) {
return Object.assign({}, e);
} else {
return e;
}
});
}

/**

@desc 获取当前光标位置
@param {dom} [element] dom元素
@return {number} 光标位置
/
function getCursortPosition(element) {
let caretPos = 0;
if (document.selection) {
element.focus();
let Sel = document.selection.createRange();
Sel.moveStart(‘character’, -element.value.length);
caretPos = Sel.text.length;
} else if (element.selectionStart || element.selectionStart === ‘0’) {
caretPos = element.selectionStart;
}
return caretPos;
}
/*
@desc 设置光标位置
@param {dom} [element] dom元素
@param {Number} [pos] 光标位置
*/
function setCaretPosition(element, pos) {
if (element.setSelectionRange) {
element.focus();
element.setSelectionRange(pos, pos);
} else if (element.createTextRange) {
let range = element.createTextRange();
range.collapse(true);
range.moveEnd(‘character’, pos);
range.moveStart(‘character’, pos);
range.select();
}
}