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 相关文章推荐
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 Javascript
javascript中的throttle和debounce浅析
Jun 06 Javascript
JavaScript 事件绑定及深入
Apr 13 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
Jan 10 Javascript
关于 angularJS的一些用法
Nov 29 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
Jan 12 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 Javascript
js控制随机数生成概率代码实例
Mar 21 Javascript
JS开发 富文本编辑器TinyMCE详解
Jul 19 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
基于JavaScript实现猜数字游戏代码实例
Jul 30 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
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
腾讯QQ php程序员面试题目整理
2010/06/08 PHP
修改ThinkPHP缓存为Memcache的方法
2014/06/25 PHP
PHP实现一维数组转二维数组的方法
2015/02/25 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
微信公众平台开发教程⑥ 微信开发集成类的使用图文详解
2019/04/10 PHP
ASP.NET中基于JQUERY的高性能的TreeView补充
2011/02/23 Javascript
JavaScript解析URL参数示例代码
2013/08/12 Javascript
javascript 控制input只允许输入的各种指定内容
2014/06/19 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
前端程序员必须知道的高性能Javascript知识
2016/08/24 Javascript
JavaScript使用正则表达式获取全部分组内容的方法示例
2017/01/17 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
2018/04/05 Javascript
layui table 表格上添加日期控件的两种方法
2019/09/28 Javascript
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
理解python正则表达式
2016/01/15 Python
Python配置mysql的教程(推荐)
2017/10/13 Python
python实现键盘输入的实操方法
2019/07/16 Python
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
ROSEFIELD手表荷兰官方网上商店:北欧极简设计女士腕表品牌
2018/01/24 全球购物
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
逻辑链路控制协议
2016/10/01 面试题
综合测评自我鉴定
2013/10/08 职场文书
销售口号大全
2014/06/11 职场文书
分公司总经理岗位职责
2014/08/03 职场文书
2014银行领导班子群众路线对照检查材料思想汇报
2014/09/17 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
库房管理员岗位职责
2015/02/12 职场文书
大学生团员个人总结
2015/02/14 职场文书
高中生打架检讨书1000字
2015/02/17 职场文书
七年级生物教学反思
2016/02/20 职场文书
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis
Python字典的基础操作
2021/11/01 Python
el-table-column 内容不自动换行的解决方法
2022/08/14 Vue.js