Question

我正在处理textarea，如果用户点击进入，则会导致表单提交，但如果他按ctrl + enter，我希望它移动到下一行。

这是我正在使用的代码，在我的函数中，由jquery在keypress上调用：

if ( (e.keyCode == 10 || e.keyCode == 13) && e.ctrlKey)
    //move to next line here

任何想法如何做到这一点？

Answer 1

$('.parentElementClass').on('keyup', 'textarea', function(e) {
    if(e.ctrlKey && (e.which == 13 || e.keyCode == 13)) {
        $(this).val(function(i, val) {
            return val + '\n';
        });
    }
});

demo

Answer 2

现在一切都准备好了！任何一点的断裂线＆amp;它保持位置（同时尝试使用最新的浏览器技术和IE的后备等）。

UPDATED x2 - jsFiddle link

$('#sillyTextarea').keydown(function (e) {

    if (e.keyCode === 10 || e.keyCode  == 13 && e.ctrlKey) {
        // Ctrl-Enter pressed
        // keyCode 10 is actually for Chrome (whacky I know...)

        var el = document.getElementById('sillyTextarea'),
            allText = $(this).val(),
            currentPos = getCaret(el),
            beforeText = allText.substr(0, currentPos),
            afterText = allText.substr(currentPos);

        $(this).val(beforeText + '\n' + afterText);

        setCaretPosition(el, currentPos);
    }
});

借助2个功能

function getCaret(el) { }

Caret position in textarea, in characters from the start

function setCaretPosition(el, caretPos) { }

Set keyboard caret position in html textbox

当用户点击ctrl + enter时如何将光标移动到下一行？

2 个答案: