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 相关文章推荐
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
jquery实现效果比较好的table选中行颜色
Mar 25 Javascript
判断window.onload是否多次使用的方法
Sep 21 Javascript
jQuery源码解读之removeAttr()方法分析
Feb 20 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
JS克隆,属性,数组,对象,函数实例分析
Nov 26 Javascript
js 原型对象和原型链理解
Feb 09 Javascript
js仿微博动态栏功能
Feb 22 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 Javascript
JS实现json对象数组按对象属性排序操作示例
May 18 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 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
杏林同学录(四)
2006/10/09 PHP
基于PHP服务端图片生成缩略图的方法详解
2013/06/20 PHP
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
PHP中通过trigger_error触发PHP错误示例
2015/06/23 PHP
PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例
2017/08/10 PHP
php面试中关于面向对象的相关问题
2019/02/13 PHP
Javascript学习笔记1 数据类型
2010/01/11 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
关于Javascript 对象(object)的prototype
2014/05/09 Javascript
Javascript判断图片尺寸大小实例分析
2014/06/16 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
自己动手写的jquery分页控件(非常简单实用)
2015/10/28 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
2016/07/07 Javascript
jQuery Ajax请求后台数据并在前台接收
2016/12/10 Javascript
vue-router实现tab标签页(单页面)详解
2017/10/17 Javascript
bootstrap Table的一些小操作
2017/11/01 Javascript
利用nvm管理多个版本的node.js与npm详解
2017/11/02 Javascript
微信小程序模板template简单用法示例
2018/12/04 Javascript
Vue表单绑定的实例代码(单选按钮,选择框(单选时,多选时,用 v-for 渲染的动态选项)
2019/05/13 Javascript
Vue中多元素过渡特效的解决方案
2020/02/05 Javascript
js实现登录时记住密码的方法分析
2020/04/05 Javascript
原生JS实现记忆翻牌游戏
2020/07/31 Javascript
小程序实现密码输入框
2020/11/16 Javascript
java直接调用python脚本的例子
2014/02/16 Python
Windows下实现Python2和Python3两个版共存的方法
2015/06/12 Python
谈谈如何手动释放Python的内存
2016/12/17 Python
Tensorflow的可视化工具Tensorboard的初步使用详解
2018/02/11 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
详解python分布式进程
2018/10/08 Python
css3的focus-within选择器的使用
2020/05/11 HTML / CSS
中国一家专注拼团的社交购物网站:拼多多
2018/06/13 全球购物
80年代复古T恤:TruffleShuffle
2018/07/02 全球购物
幼儿园教师节演讲稿
2014/09/03 职场文书
乡镇党委书记第三阶段个人整改措施
2014/09/16 职场文书
食堂卫生管理制度
2015/08/04 职场文书