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 相关文章推荐
XHTML-Strict 内允许出现的标签
Dec 11 Javascript
使用jquery局部刷新(jquery.load)从数据库取出数据
Jan 22 Javascript
JS实现的最简Table选项卡效果
Oct 14 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
javascript中Number的方法小结
Nov 21 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
浅谈vue加载优化策略
Mar 19 Javascript
详解jQuery如何实现模糊搜索
May 10 jQuery
vue实现按需加载组件及异步组件功能
May 27 Javascript
解决vue-router 嵌套路由没反应的问题
Sep 22 Javascript
Nuxt.js的路由跳转操作(页面跳转nuxt-link)
Nov 06 Javascript
JS实现京东商品分类侧边栏
Dec 11 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关于IE下的iframe跨域导致session丢失问题解决方法
2013/10/10 PHP
PHP中error_log()函数的使用方法
2015/01/20 PHP
PHP微信企业号开发之回调模式开启与用法示例
2017/11/25 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
Laravel框架执行原生SQL语句及使用paginate分页的方法
2018/08/17 PHP
jqeury eval将字符串转换json的方法
2011/01/20 Javascript
分享27个jQuery 表单插件集合推荐
2011/04/25 Javascript
jquery分页插件AmSetPager(自写)
2013/04/15 Javascript
JS的框架Polymer中的dom-if和is属性使用说明
2015/07/29 Javascript
详解JavaScript中的自定义事件编写
2016/05/10 Javascript
微信小程序 navigation API实例详解
2016/10/02 Javascript
javascript数据结构中栈的应用之符号平衡问题
2017/04/11 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
2017/05/03 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
Node.js对MongoDB进行增删改查操作的实例代码
2019/04/18 Javascript
vue使用better-scroll实现滑动以及左右联动
2020/06/30 Javascript
[56:35]DOTA2上海特级锦标赛C组小组赛#1 OG VS Archon第二局
2016/02/27 DOTA
Python 多进程并发操作中进程池Pool的实例
2017/11/01 Python
python3 对list中每个元素进行处理的方法
2018/06/29 Python
使用numpy和PIL进行简单的图像处理方法
2018/07/02 Python
Python设计模式之备忘录模式原理与用法详解
2019/01/15 Python
python3爬虫学习之数据存储txt的案例详解
2019/04/24 Python
Python函数式编程实例详解
2020/01/17 Python
pyqt5中动画的使用详解
2020/04/01 Python
Python3实现个位数字和十位数字对调, 其乘积不变
2020/05/03 Python
Python实现验证码识别
2020/06/15 Python
美国豪华的多品牌精品店:The Webster
2019/07/31 全球购物
法国包包和行李箱销售网站:Bagage24.fr
2020/03/24 全球购物
什么是servlet链?
2014/07/13 面试题
大学生就业自荐信
2013/10/26 职场文书
校园歌咏比赛主持词
2014/03/18 职场文书
餐饮商业计划书范文
2014/04/29 职场文书
职务说明书范文
2014/05/07 职场文书
邀请函样本
2015/02/02 职场文书
会计求职信怎么写
2015/03/20 职场文书
Oracle11g R2 安装教程完整版
2021/06/04 Oracle