在文本区域中按 Enter 键提交值，然后按 Shift+Enter 键应转到下一行

发布于 2024-12-03 19:14:44 字数 698 浏览 2 评论 0原文

我想要一个聊天框（文本区域），如果用户按 Enter，那么它应该提交聊天，如果用户按 Shift+Enter，那么它应该在新行中输入。

我尝试了一些东西，但无法弄清楚确切的 keyup 或 keydown 的事情。我目前使用的代码是：

$("textarea").keydown(function(e){
    if (e.keyCode == 13 && !e.shiftKey)
    {
        e.preventDefault();
    }
});

jsFiddle

另外我想将 \n 放置到位当按下 Enter+Shift 键时。

编辑

我的代码的问题是：-

当我使用警报检查客户端上的内容时，它会显示下一行。但是当我发布它时我的 Rails 后端。那么它只是一个简单的字符串。没有新的线路。

这就是我向 Rails 服务器发送聊天的方式。

  $.post("/incomingchat", { body:$("#chat_" + group_id).val() },
   function(data){
        // do something..
    });

原文

I want to have a chat box (textarea) where if user press Enter then it should submit the chat, and if user press Shift+Enter then it should enter in a new line.

I tried something but not able to figure out the exact keyup or keydown thing. The code I'm using at the moment is:

$("textarea").keydown(function(e){
    if (e.keyCode == 13 && !e.shiftKey)
    {
        e.preventDefault();
    }
});

jsFiddle

Also I want to get the \n in place when Enter+Shift key is pressed.

EDIT

Issue with my code is:-

When i am check the content on client using using alert then it shows the next line. But when i am posting it my rails back end. Then its just a simple string. No new line thing is there.

This is how i am sending chats to rails server.

  $.post("/incomingchat", { body:$("#chat_" + group_id).val() },
   function(data){
        // do something..
    });

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

似最初 2024-12-10 19:14:44

我之前已经回答过这个问题了。如果插入符号不在文本区域的末尾，那就有点棘手了：

如何检测“shift+enter”并在 Textarea 中生成新行？

回复收藏 0 原文

二货你真萌 2024-12-10 19:14:44

$("textarea").keydown(function(e)
{
    if (e.keyCode == 13)
    {
        if (e.shiftKey) {
            $(this).val( $(this).val() + "\n" );
        }
        else {
            submitTheChat();
        }
    }
});

$("textarea").keydown(function(e)
{
    if (e.keyCode == 13)
    {
        if (e.shiftKey) {
            $(this).val( $(this).val() + "\n" );
        }
        else {
            submitTheChat();
        }
    }
});

回复收藏 0 原文

七秒鱼° 2024-12-10 19:14:44

考虑改用按键事件。如果您在 jsfiddle 中运行代码，您会发现当您按 Enter 时不会添加新行。

$("textarea").keypress(function(e){
    if (e.keyCode == 13 && !e.shiftKey)
    {        
        e.preventDefault();
        //now call the code to submit your form
        alert("just enter was pressed");
        return;
    }

    if (e.keyCode == 13 && e.shiftKey)
    {       
        //this is the shift+enter right now it does go to a new line
        alert("shift+enter was pressed");        
    }    
});

Consider using the keypress event instead. If you run the code in jsfiddle, you'll see that a new line is not added when you press enter.

$("textarea").keypress(function(e){
    if (e.keyCode == 13 && !e.shiftKey)
    {        
        e.preventDefault();
        //now call the code to submit your form
        alert("just enter was pressed");
        return;
    }

    if (e.keyCode == 13 && e.shiftKey)
    {       
        //this is the shift+enter right now it does go to a new line
        alert("shift+enter was pressed");        
    }    
});

回复收藏 0 原文

~没有更多了~