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 相关文章推荐
学习YUI.Ext 第二天
Mar 10 Javascript
javascript form 验证函数 弹出对话框形式
Jun 23 Javascript
Jquery chosen动态设置值实例介绍
Aug 08 Javascript
jquery的ajax异步请求接收返回json数据实例
Jun 16 Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
Dec 06 Javascript
jQuery插件JWPlayer视频播放器用法实例分析
Jan 11 Javascript
vue.js移动端tab组件的封装实践实例
Jun 30 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
Sep 13 Javascript
node.js+express+mySQL+ejs+bootstrop实现网站登录注册功能
Jan 12 Javascript
vue通过数据过滤实现表格合并
Nov 30 Javascript
vue随机验证码组件的封装实现
Feb 19 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 动态随机生成验证码类代码
2010/04/09 PHP
PHP检测用户是否关闭浏览器的方法
2016/02/14 PHP
PHP中strpos、strstr和stripos、stristr函数分析
2016/06/11 PHP
php反序列化长度变化尾部字符串逃逸(0CTF-2016-piapiapia)
2020/02/15 PHP
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
2016/09/17 Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
2016/10/28 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
使用nodejs分离html文件里的js和css详解
2019/04/12 NodeJs
详解Vue3.0 前的 TypeScript 最佳入门实践
2019/06/18 Javascript
详解Vue中的基本语法和常用指令
2019/07/23 Javascript
JS继承定义与使用方法简单示例
2020/02/19 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
2020/03/31 Javascript
[01:07:19]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第一场
2018/04/06 DOTA
Python类属性与实例属性用法分析
2015/05/09 Python
深入理解python中的浅拷贝和深拷贝
2016/05/30 Python
Python搭建HTTP服务器和FTP服务器
2017/03/09 Python
java中两个byte数组实现合并的示例
2018/05/09 Python
Python调用shell cmd方法代码示例解析
2020/06/18 Python
python3定位并识别图片验证码实现自动登录功能
2021/01/29 Python
Bally巴利中国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/10/09 全球购物
美国瑜伽服装和装备购物网站:Mukha Yoga
2019/02/22 全球购物
Made in Design德国:设计师家具、灯具和装饰
2019/10/31 全球购物
《我不是最弱小的》教学反思
2014/02/23 职场文书
工程造价专业大学生职业规划范文
2014/03/09 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
大学优秀班主任事迹材料
2014/05/02 职场文书
贸易经济专业自荐书
2014/06/29 职场文书
2014年派出所工作总结
2014/11/21 职场文书
质量整改通知单
2015/04/21 职场文书
如何用threejs实现实时多边形折射
2021/05/07 Javascript
对Keras自带Loss Function的深入研究
2021/05/25 Python
Pytorch中的数据集划分&正则化方法
2021/05/27 Python