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 相关文章推荐
PHP使用方法重载实现动态创建属性的get和set方法
Nov 17 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
jQuery获取及设置表单input各种类型值的方法小结
May 24 Javascript
JS从数组中随机取出几个数组元素的方法
Aug 02 Javascript
js+div+css下拉导航菜单完整代码分享
Dec 28 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
Jan 24 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
Dec 31 Javascript
jsonp跨域及实现百度首页联想功能的方法
Aug 30 Javascript
使用vue for时为什么要key【推荐】
Jul 11 Javascript
浅谈layer弹出层按钮颜色修改方法
Sep 11 Javascript
JavaScript Window浏览器对象模型原理解析
May 30 Javascript
Vue绑定用户接口实现代码示例
Nov 04 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手册及PHP编程标准
2006/12/17 PHP
PHP 防注入函数(格式化数据)
2011/08/08 PHP
php循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
php格式输出文件var_export函数实例
2014/11/15 PHP
php查询mysql大量数据造成内存不足的解决方法
2015/03/04 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
PHP preg_match实现正则表达式匹配功能【输出是否匹配及匹配值】
2017/07/19 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
JS关闭窗口与JS关闭页面的几种方法小结
2013/12/17 Javascript
javascript中style.left和offsetLeft的用法说明
2014/03/07 Javascript
js判断文本框剩余可输入字数的方法
2015/02/04 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
JavaScript ES6的新特性使用新方法定义Class
2016/06/28 Javascript
js 获取图像缩放后的实际宽高,位置等信息
2017/03/07 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
python中sys.argv函数精简概括
2018/07/08 Python
python按行读取文件并找出其中指定字符串
2019/08/08 Python
从0到1使用python开发一个半自动答题小程序的实现
2020/05/12 Python
Django之腾讯云短信的实现
2020/06/12 Python
Pytorch mask-rcnn 实现细节分享
2020/06/24 Python
python创建文本文件的简单方法
2020/08/30 Python
Python实现哲学家就餐问题实例代码
2020/11/09 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
德国汉莎航空中国官网: Lufthansa中国
2017/03/30 全球购物
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
幼儿教师研修感言
2014/02/12 职场文书
寒假家长评语大全
2014/04/16 职场文书
小学生演讲稿大全
2014/04/25 职场文书
积极向上的团队口号
2014/06/06 职场文书
生活小常识广播稿
2014/09/16 职场文书
党员批评与自我批评思想汇报
2014/10/08 职场文书
Python循环之while无限迭代
2022/04/30 Python