//回车发消息 $( "#textarea" ).keydown(function($ event ){ var keycode = window. event ? $ event .keyCode : $ event .which; var evt = $ event || window. event ; var inputTxt = $( this ); // 回车-->发送消息 if (keycode == 13 && !(evt.ctrlKey)) { // 发送消息的代码 woohecc.send_msg(); $ event .preventDefault(); return false ; // ctrl+回车-->换行 if (evt.ctrlKey && evt.keyCode == 13 ) { inputTxt.html(inputTxt.html() + '<br>' ); woohecc.placeCaretAtEnd(inputTxt. get ( 0 )); return false ;

var woohecc = {
    placeCaretAtEnd : function(el) {
            el.focus();
            if (typeof window.getSelection != "undefined"
                && typeof document.createRange != "undefined") {
                var range = document.createRange();
                range.selectNodeContents(el);
                range.collapse(false);
                var sel = window.getSelection();
                sel.removeAllRanges();
                sel.addRange(range);
            else if (typeof document.body.createTextRange != "undefined") {
                var textRange = document.body.createTextRange();
                textRange.moveToElementText(el);
                textRange.collapse(false);
                textRange.select();
                    项目中遇到需要在输入文字的同时输入表情，web微信用的pre，没搞懂怎么弄，所以用了可编辑div。。        //发送消息可编辑div        //回车发消息        $("#textarea").keydown(function($event){            var keycode = window.event ? $event.keyCode : $event.
http://www.w3school.com.cn/xmldom/dom_range.asp
https://developer.mozilla.org/en-US/docs/Web/API/Range/setStart
https://blog.csdn.net/mafan121/articl...
<div  ref="cTextareaRef"
      id="chatroom_footer_text_textarea"
      @keyup.ctrl.enter="lineFeed($event)"
      placeholder=...
 　　　　//回车发消息
        $scope.keyDownSend = function ($event) {
            var keycode = window.event?$event.keyCode:$event.which;
            var evt = $event || window.event;
            var inputTx...
				
$(document).keydown(function (e) {
    var e = e || window.event, ec = e.keyCode || e.which;
    if (!e.ctrlKey && 13 == ec) {
        //console.log('发送');
        sendMsgTal();
        return false;
有时候页面上需要一个类似于微信中发送消息的输入框，即可以实现：默认只有一行文字高度，用户输入超过自动换行，用户也可以点击Enter键盘换行，当输入的内容清空后，输入框又恢复成一行的高度，原生的输入框input和文本框textarea无法实现以上功能，所以就自己写了一个，采用HTML5的contenteditable属性，可以完美实现：
1、自动换行及手动换行；
2、双向绑定；
3、类似于...
				
div中文字换行问题：
div设置宽度以后，如果div中放的是中文，默认文字超过div宽度会自动换行，如果是英文，则默认是不换行的，即会超出div的宽度继续显示。这种情况，需要我们通过属性值进行强制换行
word-break:break-all;只对英文起作用，以字母作为换行依据
word-wrap:break-word; 只对英文起作用，以单词作为换行依据
white-space:pre-wrap; 只对中文起作用，强制换行
white-space:nowrap; 强制不换行，都起作用
white-