如何检测'Shift Enter”在文本区域中插入新行而不是提交表单？-css教程-PHP中文网

如何检测'Shift Enter”在文本区域中插入新行而不是提交表单？

Patricia Arquette

发布： 2024-11-30 09:25:13

原创

445 人浏览过

How Can I Detect

检测“Shift Enter”并在文本区域中插入新行

默认情况下，按文本区域内的“Enter”键提交表单。但是，您希望保留此功能，同时还允许用户通过按“Shift”“Enter”组合键来创建新行。以下是如何在 JavaScript 中实现此目的：

如果您控制使“Enter”提交表单的脚本，只需修改代码以检查“Shift”键是否未被按下。例如，将：

if (evt.keyCode == 13) {
    form.submit();
}

登录后复制

...更改为：

if (evt.keyCode == 13 &amp;&amp; !evt.shiftKey) {
    form.submit();
}

登录后复制

但是，如果您无权访问原始代码，则可以使用以下脚本即使光标不在文本末尾，也能实现所需的行为：

function handleEnter(evt) {
    if (evt.keyCode == 13 &amp;&amp; evt.shiftKey) {
        if (evt.type == "keypress") {
            pasteIntoInput(this, "\n");
        }
        evt.preventDefault();
    }
}

// Handle both keydown and keypress for Opera as it suppresses default key action in keypress
$("#your_textarea_id").keydown(handleEnter).keypress(handleEnter);

登录后复制

此脚本检查“Shift”“Enter”键组合。当检测到时，它会使用 PasteIntoInput 函数将换行符（“n”）插入到文本区域中，并阻止默认表单提交。

以上是如何检测'Shift Enter”在文本区域中插入新行而不是提交表单？的详细内容。更多信息请关注PHP中文网其他相关文章！