jQuery实现ctrl+enter(回车)提交表单
更新时间:2015年10月19日 09:48:27 投稿:hebedich
本文章来给大家介绍在我们输入完内容之后直接按Ctrl+Enter提交表单实现程序,此方法一般是用于textarea中哦,其它的input这类的就不需了。
以jQuery插件开发的方法开发。具体代码如下:
jQuery.fn.extend({
/**
* ctrl+enter提交表单
* @param {Function} fn 操作后执行的函数
* @param {Object} thisObj 指针作用域
*/
ctrlSubmit:function(fn,thisObj){
var obj = thisObj || this;
var stat = false;
return this.each(function(){
$(this).keyup(function(event){
//只按下ctrl情况,等待enter键的按下
if(event.keyCode == 17){
stat = true;
//取消等待
setTimeout(function(){
stat = false;
},300);
}
if(event.keyCode == 13 && (stat || event.ctrlKey)){
fn.call(obj,event);
}
});
});
}
});
使用方法:
$("#textarea").ctrlSubmit(function(event){
//提交代码写在这里
});
是不是非常的简单实用呢,希望大家能够喜欢。
相关文章
jQuery中[attribute*=value]选择器用法实例
这篇文章主要介绍了jQuery中[attribute*=value]选择器用法,实例分析了[attribute*=value]选择器的功能、定义及匹配给定的属性包含某些值的元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12


最新评论