处理任何 的按键事件在我的页面上

Question

我正在尝试处理有人在我的页面上的任何 </code> 上按 ENTER 的情况。加载时并非所有 <code><textarea></code> 都在页面上（它们可以通过用户事件动态添加），因此我不知道每个 <code><textarea>< /code> 页面加载时的 id （因此不能使用 jQuery 通过 id 监听每个事件）。我还尝试使用 JS <code>onkeydown</code> 事件，但我无法找到一种方法来检测哪个键导致 <code>onkeydown</code> 事件触发。

那么，有没有一种方法可以处理我页面上的所有 </code> keydown，以及导致事件的按键，或者是否有一个我似乎缺少的优雅解决方案？一些全球性事件？

Answer 1

使用委托。您可以指定将容纳所有这些动态文本区域的 body 或任何container。

$("body").delegate("textarea", "keydown",function(e){
  // code logic goes here
  if(e.which == 13){
     //Enter key down    
  }
});

Answer 2

$("textarea").live("keydown",function(){
  // process
})

或者您可以使用 delegate ，

它的作用是将侦听器应用于执行时和将来的所有文本区域那个例子。因此，如果 DOM 添加了任何文本区域，它也会将该按键绑定到它们。

Answer 3

event.which 告诉您哪个键。

$('textarea').live("keydown", function(e) {
    // e.which is which key, e.g. 13 == enter
});

live 上的文档。
关于事件的文档。

Answer 4

为什么不使用 JQuery，然后在“动态”添加文本区域时添加侦听器/处理程序......有很多用于处理 onKeyPress 事件的示例