如何在用户使用shift + enter提交时创建新的textarea？

Question

我有一些像这样的代码：

$(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。

此外，为了禁止用户多次提交并创建多个未使用的textareas，我可以只关注活动textarea（光标所在的位置）吗？

Answer 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; 
    } 
}) 

我希望它有助于=]

Answer 2

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