當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
使用JS在textarea在光标处插入内容
生活随笔
收集整理的這篇文章主要介紹了
使用JS在textarea在光标处插入内容
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
為什么80%的碼農(nóng)都做不了架構(gòu)師?>>> ??
// 在光標(biāo)處插入字符串// myField 文本框?qū)ο?/ myValue 要插入的值function insertAtCursor(myField, myValue) {//IE supportif (document.selection) {myField.focus();sel = document.selection.createRange();sel.text = myValue;sel.select();}//MOZILLA/NETSCAPE supportelse if (myField.selectionStart || myField.selectionStart == '0') {var startPos = myField.selectionStart;var endPos = myField.selectionEnd;// save scrollTop before insertvar restoreTop = myField.scrollTop;myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);if (restoreTop > 0){// restore previous scrollTopmyField.scrollTop = restoreTop;}myField.focus();myField.selectionStart = startPos + myValue.length;myField.selectionEnd = startPos + myValue.length;} else {myField.value += myValue;myField.focus();}}function insertText() {var obj = document.getElementById("文本框");var str = "[#$%$#]插入的內(nèi)容";if (document.selection) {obj.focus();var sel = document.selection.createRange();sel.text = str;} else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {var startPos = obj.selectionStart;var endPos = obj.selectionEnd;var tmpStr = obj.value;obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);} else {obj.value += str;}}//Jquery光標(biāo)處插入文本$(document).ready(function () {$("#btnInsert").click(function () {var obj = $("#txtquestion").get(0);var str = "[#$%$#]";if (document.selection) {obj.focus();var sel = document.selection.createRange();sel.text = str;} else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {var startPos = obj.selectionStart;var endPos = obj.selectionEnd;var tmpStr = obj.value;obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);} else {obj.value += str;});});
轉(zhuǎn)載于:https://my.oschina.net/jsan/blog/41437
總結(jié)
以上是生活随笔為你收集整理的使用JS在textarea在光标处插入内容的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 常用的 服务器 与 交换机
- 下一篇: Microsoft Visual Stu