javascript实现在textarea光标位置插入文字并移动光标到文字末尾
2017-11-22 17:34
633 查看
1.背景:实现在textarea光标位置插入文字并移动光标到文字末尾
如果每次通过val("ss")赋值的形式插入文字到textarea中,会将上一次赋的值覆盖掉。
2.思路:
如果每次通过val("ss")赋值的形式插入文字到textarea中,会将上一次赋的值覆盖掉。
2.思路:
<!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>Sliding Menu Effect</title> <script type="text/javascript" language="javascript" src="jquery-2.1.1.min.js"></script> <script type="text/javascript"> 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; } } function moveEnd(obj){ obj.focus(); var len = obj.value.length; if (document.selection) { var sel = obj.createTextRange(); sel.moveStart('character',len); sel.collapse(); sel.select(); } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') { obj.selectionStart = obj.selectionEnd = len; } } </script> </head> <body> <input type="button" onclick="insertText(document.getElementById('text'),' 插入字符啊啊啊啊')" value="插入文字"></input> <input type="button" onclick="moveEnd(document.getElementById('text'))" value="光标移到末尾"></input> <textarea name="" id="text" cols="30" rows="10"></textarea> </body> </html>
相关文章推荐
- JS在TextArea光标位置插入文字并实现移动光标到文字末尾
- JS在TextArea光标位置插入文字并实现移动光标到文字末尾
- JS在TextArea光标位置插入文字+移动光标到文字末尾
- 【记录】JS在TextArea光标位置插入文字+移动光标到文字末尾
- 【记录】JS在TextArea光标位置插入文字+移动光标到文字末尾
- JS在TextArea光标位置插入文字+移动光标到文字末尾
- JS在TextArea光标位置插入文字+移动光标到文字末尾
- javascript控制在光标位置插入文字
- textarea在光标位置插入文字
- [原创]javascript实现textarea中光标处插入字符的实现[兼容ie和firefox]
- 如何在textarea的光标位置插入文字
- 用Javascript在编辑框和TextArea的光标处插入文字,支持连续插入
- javascript控制在光标位置插入文字适合表情的插入
- 如何在textarea的光标位置插入文字
- 将input中的光标移动到文字的末尾后,怎么用js显示光标当前的位置?
- js 将光标移动到textarea的最后和光标位置插入内容
- 【转】怎么给javascript + div编辑框光标位置插入表情文字等?
- js实现textarea中光标位置插入你想要插入的内容
- javascript控制在光标位置插入文字适合表情的插入
- JS往textarea的光标所在处添加文字+将光标移动到文字末尾