jQuery实现ctrl+enter(回车)提交表单
作者:bea
以jQuery插件开发的方法开发。具体代码如下: jQuery.fn.extend({ /** * ctrl+enter提交表单 * @param {Function} fn 操作后执行的函数 * @param {Object} thisObj 指针作用域 */ ctrlSubmit:function(fn,thisObj){ var obj = thisObj || this; var stat = false; return th
以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){
//提交代码写在这里
});
是不是非常的简单实用呢,希望大家能够喜欢。
猜你喜欢
您可能感兴趣的文章:
- JavaScript基本的输出和嵌入式写法教程
- javascript省市级联功能实现方法实例详解
- 基于JavaScript实现移动端TAB触屏切换效果
- js点击文本框后才加载验证码实例代码
- javascript实现状态栏中文字动态显示的方法
- 基于jQuery实现的扇形定时器附源码下载
- JS实现仿Windows经典风格的选项卡Tab切换代码
- JavaScript实现的简单烟花特效代码
- require.js的用法详解
- JS实现鼠标滑过链接改变网页背景颜色的方法
- JS实现带有3D立体感的银灰色竖排折叠菜单代码
- jquery如何获取元素的滚动条高度等实现代码
- js验证身份证号有效性并提示对应信息
- 详解JavaScript数组的操作大全
- 全系IE支持Bootstrap的解决方法
- JS+CSS实现分类动态选择及移动功能效果代码
- 谈谈Jquery中的children find 的区别有哪些
- JS实现的简洁纵向滑动菜单(滑动门)效果
- JS实现的左侧竖向滑动菜单效果代码