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 相关文章推荐
JavaScript 提升运行速度之循环篇 译文
Aug 15 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
Feb 03 Javascript
解决jquery的datepicker的本地化以及Today问题
May 23 Javascript
js保留两位小数使用toFixed实现
Jul 29 Javascript
AngularJS中的API(接口)简单实现
Jul 28 Javascript
原生JS实现图片翻书效果
Feb 16 Javascript
Angularjs 实现移动端在线测评效果(推荐)
Apr 05 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
jqgrid实现简单的单行编辑功能
Sep 30 Javascript
vue实现学生录入系统之添加删除功能
Jul 11 Javascript
小程序中this.setData的使用和注意事项
Aug 28 Javascript
原生JavaScript实现弹幕组件的示例代码
Oct 12 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
全国FM电台频率大全 - 22 重庆市
2020/03/11 无线电
ThinkPHP3.1数据CURD操作快速入门
2014/06/19 PHP
PHP简单实现文本计数器的方法
2016/04/28 PHP
PHP中call_user_func_array回调函数的用法示例
2016/11/26 PHP
修改yii2.0用户登录使用的user表为其它的表实现方法(推荐)
2017/08/01 PHP
让getElementsByName适应IE和firefox的方法
2007/09/24 Javascript
Mootools 1.2教程(2) DOM选择器
2009/09/14 Javascript
aspx中利用js实现确认删除代码
2010/07/22 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
js加载之使用DOM方法动态加载Javascript文件
2013/11/08 Javascript
js实现弹窗插件功能实例代码分享
2013/12/12 Javascript
js实现可拖动DIV的方法
2013/12/17 Javascript
js中split函数的使用方法说明
2013/12/26 Javascript
实例讲解JS中数组Array的操作方法
2014/05/09 Javascript
javascript实现分栏显示小技巧附图
2014/10/13 Javascript
iframe里使用JavaScript控制主页转向的方法
2015/04/03 Javascript
javascript字符串替换函数如何一次性全部替换掉
2015/10/30 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
小程序组件之自定义顶部导航实例
2019/06/12 Javascript
Node.js 深度调试方法解析
2020/07/28 Javascript
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
[42:22]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第一局
2016/02/27 DOTA
在Python的一段程序中如何使用多次事件循环详解
2017/09/07 Python
ubuntu安装sublime3并配置python3环境的方法
2018/03/15 Python
Python代码太长换行的实现
2019/07/05 Python
手写一个python迭代器过程详解
2019/08/27 Python
Python处理session的方法整理
2019/08/29 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
俄罗斯便宜的在线服装商店:GroupPrice
2020/04/10 全球购物
网络工程师的自我评价
2013/10/02 职场文书
人力资源作业细则
2014/03/03 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
读《茶花女》有感:山茶花的盛开与凋零
2020/01/17 职场文书
JavaScript函数柯里化
2021/11/07 Javascript