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 相关文章推荐
父子窗体间传递JSON格式的数据的代码
Dec 25 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
Dec 20 Javascript
jQuery对val和atrr("value")赋值的区别介绍
Sep 26 Javascript
使用Ajax与服务器(JSON)通信实例
Nov 04 Javascript
es6学习笔记之Async函数的使用示例
May 11 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
Nov 11 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
Element 默认勾选表格 toggleRowSelection的实现
Sep 04 Javascript
p5.js实现简单货车运动动画
Oct 23 Javascript
JavaScript 闭包的使用场景
Sep 17 Javascript
用JS创建一个录屏功能
Nov 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类的反射来实现依赖注入过程
2018/02/06 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
PHP钩子实现方法解析
2019/05/21 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
PHP中的输出echo、print、printf、sprintf、print_r和var_dump的示例代码
2020/12/01 PHP
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
如何简单地用YUI做JavaScript动画
2007/03/10 Javascript
javascript 控制 html元素 显示/隐藏实现代码
2009/09/01 Javascript
jquery 多行滚动代码(附详细解释)
2010/06/17 Javascript
利用腾讯的ip地址库做ip物理地址定位
2010/07/24 Javascript
写给想学习Javascript的朋友一点学习经验小结
2010/11/23 Javascript
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
JQuery记住用户名密码实现下次自动登录功能
2015/04/27 Javascript
JS实现的竖向折叠菜单代码
2015/10/21 Javascript
jQuery基于json与cookie实现购物车的方法
2016/04/15 Javascript
Nodejs全局安装和本地安装的不同之处
2016/07/04 NodeJs
javascript cookie用法基础教程(概念,设置,读取及删除)
2016/09/20 Javascript
微信小程序 地图定位简单实例
2016/10/14 Javascript
详解使用webpack打包编写一个vue-toast插件
2017/11/08 Javascript
详解javascript常用工具类的封装
2018/01/30 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
前端路由&webpack基础配置详解
2019/06/10 Javascript
使用Vue 自定义文件选择器组件的实例代码
2020/03/04 Javascript
Python函数中不定长参数的写法
2019/02/13 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
django框架使用views.py的函数对表进行增删改查内容操作详解【models.py中表的创建、views.py中函数的使用,基于对象的跨表查询】
2019/12/12 Python
python通过对字典的排序,对json字段进行排序的实例
2020/02/27 Python
Python如何执行系统命令
2020/09/23 Python
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
学生个人的自我评价分享
2013/11/05 职场文书
大学生开西餐厅创业计划书
2014/02/01 职场文书
全国优秀教师事迹材料
2014/08/26 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书