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

javascript-当用户点击ctrl输入时如何将光标推到下一行?

我正在开发一个textarea,如果用户按下Enter键,它将导致表单提交,但是如果他按下ctrl enter,我希望它移至下一行.

这是我在函数中使用的代码,jquery在keypress上调用了该函数

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

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

解决方法:

现在都准备好了!在任何时间点都具有折线它保持位置(所有时候都试图将最新的浏览器技术与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个功能

函数getCaret(el){}

Caret position in textarea, in characters from the start

函数setCaretPosition(el,caretPos){}

Set keyboard caret position in html textbox

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

相关推荐