jQuery实现ctrl+enter(回车)提交表单


Posted in Javascript onOctober 19, 2015

以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 相关文章推荐
js innerHTML 的一些问题的解决方法
Jun 22 Javascript
Javascript Select操作大集合
May 26 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
对于this和$(this)的个人理解
Sep 08 Javascript
一个Action如何调用两个不同的方法
May 22 Javascript
jquery实现类似EasyUI的页面布局可改变左右的宽度
Sep 12 Javascript
基于Jquery制作图片文字排版预览效果附源码下载
Nov 18 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
Aug 24 Javascript
Vue.2.0.5实现Class 与 Style 绑定的实例
Jun 20 Javascript
jQuery中的for循环var与let的区别
Apr 21 jQuery
jQuery实现输入框的放大和缩小功能示例
Jul 21 jQuery
JavaScript流程控制(分支)
Dec 06 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
Oct 19 #Javascript
在JavaScript中如何解决用execCommand(
Oct 19 #Javascript
简单谈谈Javascript中类型的判断
Oct 19 #Javascript
AngularJS 实现按需异步加载实例代码
Oct 18 #Javascript
学习javascript的闭包,原型,和匿名函数之旅
Oct 18 #Javascript
Javascript中的数据类型之旅
Oct 18 #Javascript
谈谈JavaScript自定义回调函数
Oct 18 #Javascript
You might like
PHP制作图型计数器的例子
2006/10/09 PHP
PHP+jQuery 注册模块开发详解
2014/10/14 PHP
PHP获取二维数组中某一列的值集合
2015/12/25 PHP
PHP+redis实现的悲观锁机制示例
2018/06/12 PHP
Javascript delete 引用类型对象
2013/11/01 Javascript
AngularJs验证重复密码的方法(两种)
2016/11/25 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
2017/04/19 Javascript
Vue中"This dependency was not found"问题的解决方法
2018/06/19 Javascript
解决vue.js 数据渲染成功仍报错的问题
2018/08/25 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
uni-app之APP和小程序微信授权方法
2019/05/09 Javascript
JS实现的碰撞检测与周期移动完整示例
2019/09/02 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
jQuery+PHP+Ajax实现动态数字统计展示功能
2019/12/25 jQuery
JS自定义对象创建与简单使用方法示例
2020/01/15 Javascript
javascript+css实现俄罗斯方块小游戏
2020/06/28 Javascript
[01:07:19]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第一场
2018/04/06 DOTA
python命令行参数sys.argv使用示例
2014/01/28 Python
python time模块用法实例详解
2014/09/11 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
Python骚操作之动态定义函数
2019/03/26 Python
Django用户认证系统 User对象解析
2019/08/02 Python
Python实现Restful API的例子
2019/08/31 Python
Django框架 信号调度原理解析
2019/09/04 Python
利用纯css3实现的文字亮光特效的代码演示
2014/11/27 HTML / CSS
Hawes & Curtis澳大利亚官网:英国经典服饰品牌
2018/10/29 全球购物
机电一体化专业应届本科生求职信
2013/09/27 职场文书
八年级生物教学反思
2014/01/22 职场文书
交通事故赔偿协议书范本
2014/04/15 职场文书
学校督导评估方案
2014/06/10 职场文书
小学生自我评价100字(15篇)
2014/09/18 职场文书
学校食堂标语
2014/10/06 职场文书
2014大学生学生会工作总结
2014/12/19 职场文书
重温入党誓词主持词
2015/06/29 职场文书
PyCharm配置KBEngine快速处理代码提示冲突、配置命令问题
2021/04/03 Python