微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

当用户在jquery中按Enter键时,添加到文本框

我想添加< br />当用户点击回车按钮时,(换行符)到文本框.

我怎样才能在jquery onkeyup事件中实现它.可以向我展示示例或实现它的任何好网站.

谢谢

解决方法

从这里复制 Caret position in textarea,in characters from the startDEMO.
<script src="jquery.js"></script>
<script>
    $(function ()
    {
        $('#txt').keyup(function (e){
            if(e.keyCode == 13){
                var curr = getCaret(this);
                var val = $(this).val();
                var end = val.length;

                $(this).val( val.substr(0,curr) + '<br>' + val.substr(curr,end));
            }

        })
    });

    function getCaret(el) { 
        if (el.selectionStart) { 
            return el.selectionStart; 
        }
        else if (document.selection) { 
            el.focus(); 

            var r = document.selection.createrange(); 
            if (r == null) { 
                return 0; 
            } 

            var re = el.createTextRange(),rc = re.duplicate(); 
            re.movetoBookmark(r.getBookmark()); 
            rc.setEndPoint('EndToStart',re); 

            return rc.text.length; 
        }  
        return 0; 
    }

</script>
<div id="content">
    <textarea id="txt" cols="50" rows="10"></textarea>
</div>

好吧,我想所有文本编辑器(WYSIWYG)都会一直这样做.

原文地址:https://www.jb51.cc/jquery/241526.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐