首页 > Web开发 > 详细

JQuery扩展:TextArea在光标处插入文本

时间:2015-10-15 14:33:48      阅读:236      评论:0      收藏:0      [点我收藏+]
$.fn.extend({
    insertAtCursor : function(myValue) {
        var $t = $(this)[0];
        if (document.selection) {
            this.focus();
            sel = document.selection.createRange();
            sel.text = myValue;
            this.focus();
        } else if ($t.selectionStart || $t.selectionStart == ‘0‘) {
            var startPos = $t.selectionStart;
            var endPos = $t.selectionEnd;
            var scrollTop = $t.scrollTop;
            $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
            this.focus();
            $t.selectionStart = startPos + myValue.length;
            $t.selectionEnd = startPos + myValue.length;
            $t.scrollTop = scrollTop;
        } else {
            this.value += myValue;
            this.focus();
        }
    }
});

<textarea id="content"></textarea>
<a href="#" onclick="insertExp()">插入文本</a>
<script type="text/javascript">
    function insertExp() {
        var exp = $("#expSelect").val();
        $("#content").insertAtCursor("测试插入文本");
    }
</script>


JQuery扩展:TextArea在光标处插入文本

原文:http://my.oschina.net/javawdw/blog/517500

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!