如何创建一个新的文本区域,当用户使用shift+enter提交

How to create a new textarea when the user uses shift+enter for the submit?

本文关键字:区域 用户 shift+enter 文本 提交 创建 何创建 一个      更新时间:2023-09-26

我有一些这样的代码:

$(document).keypress(function(e){
    if(e.shiftKey && e.keyCode == 13){
        console.log(e)
        executeScript();
        //$document.createElement("#textarea");
        //if (error) {
        //    return false;
        //} if (correctly executed) {
        //    create new box
        //    return true;
        //}
        return false;
    }
})

$document.createElement("#textarea");仅扩展一行,但我想在用户使用shift+enter提交时创建另一个文本区域。

另外,为了禁止用户多次提交和创建多个未使用的文本区域,我可以只关注活动文本区域(光标所在的位置)吗?

这是小提琴

您可以从事件中获取元素的ID:

event.target.id

使用Jquery创建新的文本区域更容易。

$(document).keypress(function(e){
    if(e.shiftKey && e.keyCode == 13){
        alert(e.target.id)
        //executeScript();
        var textArea = $('<textarea rows="2" cols="20" id="four"></textarea>');
        $("#contnr").append(textArea);
        //$document.createElement("#textarea");
        //if (error) {
          //  return false;
        //} if (correctly executed) {
          //  create new box
           // return true;
        //}
        return false;
    }
})

我希望这对你有帮助=]

var btn = document.createElement("textarea");
document.body.appendChild(btn);