当用户使用shift + enter进行提交时,如何创建新的textarea?

时间:2015-07-11 10:41:25

标签: javascript jquery html textarea

我有一些像这样的代码:

$(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提交时创建另一个textarea。

另外,为了禁止用户多次提交并创建多个未使用的textareas,我是否可以只关注活动的textarea(光标在哪里)?

2 个答案:

答案 0 :(得分:1)

这是fiddle

您可以从事件中获取元素的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;
    }
})

我希望它有帮助=]

答案 1 :(得分:0)

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