добавлениев текстовое поле, когда пользователь нажимает клавишу ввода в JQuery - PullRequest
Новая
       19

добавлениев текстовое поле, когда пользователь нажимает клавишу ввода в JQuery

6 голосов
/ 28 марта 2011

Я хочу добавить <br/> (перевод строки) в текстовое поле, когда пользователь нажимает кнопку ввода.

Как мне добиться этого в событии jquery onkeyup. Можно ли показать мне пример или любой хороший веб-сайт, реализующий его.

Спасибо

Ответы [ 2 ]

7 голосов
/ 28 марта 2011

Скопировано отсюда Положение каретки в текстовой области, в символах с начала См. ДЕМО . 

<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) делают это постоянно.

1 голос
/ 28 марта 2011

Что-то вроде: 

$('#some-field').keyup(function(e){
  if (e.keyCode == '13') {
     e.preventDefault();
     $(this).append("<br />\n");
  }
});
...