js textarea在光标处插入内容文本

发布时间:2018-05-14作者:laosun阅读(1226)

js

    image.png

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>技术客</title>
    <script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    </head>
    <body>
    <textarea id="ta" style="margin: 0px; width: 510px; height: 184px;"></textarea>
    <input type="button" onclick="insert('==')" value="插入==">
    <script type="text/javascript">
    function insert(content){
    	var textObj = $("#ta").get(0);
    	if (document.all && textObj.createTextRange && textObj.caretPos) {
    		var caretPos = textObj.caretPos;
    		caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == "" ? content + "" : content
    	} else {
    		if (textObj.setSelectionRange) {
    			var rangeStart = textObj.selectionStart;
    			var rangeEnd = textObj.selectionEnd;
    			var tempStr1 = textObj.value.substring(
    			0, rangeStart);
    			var tempStr2 = textObj.value.substring(rangeEnd);
    			textObj.value = tempStr1 + content + tempStr2;
    			textObj.focus();
    			var len = content.length;
    			textObj.setSelectionRange(
    			rangeStart + len, rangeStart + len);
    			textObj.blur()
    		} else {
    			textObj.value += content
    		}
    	}
    }
    </script>
    </body>
    </html>

    直接复制粘贴测试.

0 +1

版权声明

 jquery  前端  源码  javascript

 请文明留言

0 条评论