jQuery实现ctrl+enter（回车）提交表单

今天，我要给大家介绍一种便捷的方法，只需在输入内容后按下Ctrl+Enter即可提交表单，此方法特别适用于textarea输入框。对于其他类型的input输入框，则无需此操作。我们将以jQuery插件开发的方式来实现这个功能。

让我们看一下具体的代码实现。通过jQuery的fn.extend方法，我们可以扩展jQuery的原型，添加新的功能。下面是相关代码：

```javascript

jQuery.fn.extend({

/

ctrlSubmit插件：按下Ctrl+Enter提交表单

@param {Function} fn 操作后执行的函数

@param {Object} thisObj 指针作用域

/

ctrlSubmit: function(fn, thisObj) {

var obj = thisObj || this;

var stat = false; // 用于标识是否按下Ctrl键的状态

return this.each(function() {

$(this).keyup(function(event) {

// 如果只按下Ctrl键，等待Enter键的按下

if (event.keyCode == 17) {

stat = true;

// 等待一段时间后，将stat设置为false，取消等待状态

setTimeout(function() {

stat = false;

}, 300);

}

// 如果同时按下Enter键或Ctrl键，执行传入的函数

if (event.keyCode == 13 && (stat || event.ctrlKey)) {

fn.call(obj, event);

}

});

});

}

});

```

接下来，让我们看看如何使用这个插件。只需在你希望实现功能的textarea元素上调用ctrlSubmit方法，并传入相应的处理函数即可。例如：

```javascript

$("textarea").ctrlSubmit(function(event) {

// 在这里编写提交表单的代码

});

```

这样，当你在textarea中输入内容后，按下Ctrl+Enter组合键时，就会执行传入的函数，你可以在这里编写提交表单的代码。是不是非常简单实用呢？希望你会喜欢这个小技巧。别忘了使用cambrian.render('body')来渲染页面哦！