react获取鼠标位置_javascript,es6,react获取textarea的光标位置并插入内容

/*

javascript 原生写法

*/

/**

向指定的dom，的光标位置插入str字符串

**/

function insertText(obj,str) {

if (document.selection) {

var sel = document.selection.createRange();

sel.text = str;

} else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {

var startPos = obj.selectionStart,

endPos = obj.selectionEnd,

cursorPos = startPos,

tmpStr = obj.value;

obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);

cursorPos += str.length;

obj.selectionStart = obj.selectionEnd = cursorPos;

} else {

obj.value += str;

}

}

/**

react 写法

**/

insertText = (obj,str) => {

if (document.selection) {

var sel = document.selection.createRange();

sel.text = str;

} else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {

var startPos = obj.selectionStart,

endPos = obj.selectionEnd,

cursorPos = startPos,

tmpStr = obj.value;

obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);

cursorPos += str.length;

obj.selectionStart = obj.selectionEnd = cursorPos;

} else {

obj.value += str;

}

}