Command + Enter 键提交网页表单

Question

Command + Enter 键提交网页表单，一个很实用的功能，在人们写作的时候，不想实用鼠标，那么这个功能绝对特别棒，要使用 [COMMAND]+[ENTER] 并提交表单，只需要编写一个简单的 JavaScript 即可实现。

有两个方法可以实现：

1. 添加一个事件监听器，即事件委托
2. 应用一个事件监听特定的 TextArea 元素

比较安全的方法是事件委托，动态表单可以有随时补充许多文本框，但每个 TextArea 的分配是更有效的。

最终它是由开发人员知道他们的形式。 这里有三个代码示例实现在各种不同的方式提交表单：

// Assign to individual textarea (most efficient)
myTextarea.addEventListener('keydown', function(e) {
    if(e.keyCode == 13 && e.metaKey) {
        this.form.submit();
    }
});

// Form event delegation - individual form (somewhat efficient)
form.addEventListener('keydown', function(e) {
    if(!(e.keyCode == 13 && e.metaKey)) return;
    var target = e.target;
    if(target.form) {
        target.form.submit();
    }
});

// Body event delegation - any form (least efficient)
document.body.addEventListener('keydown', function(e) {
    if(!(e.keyCode == 13 && e.metaKey)) return;
    var target = e.target;
    if(target.form) {
        target.form.submit();
    }
});

我自然地开始检查该键命令组合，而不是跳格，将通过传统提交表单字段 [ENTER] 键。