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 相关文章推荐
for 循环性能比较 提高for循环的效率
Mar 19 Javascript
jQuery的运行机制和设计理念分析
Apr 05 Javascript
javascript中定义类的方法汇总
Dec 28 Javascript
JS实现图片产生波纹一样flash效果的方法
Feb 27 Javascript
防止重复发送 Ajax 请求
Feb 15 Javascript
js实现前端图片上传即时预览功能
Aug 02 Javascript
JS中Swiper的使用和轮播图效果
Aug 11 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
基于vue如何发布一个npm包的方法步骤
May 15 Javascript
React-redux实现小案例(todolist)的过程
Sep 29 Javascript
vue 组件开发原理与实现方法详解
Nov 29 Javascript
使用vue cli4.x搭建vue项目的过程详解
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
PHP4与PHP3中一个不兼容问题的解决方法
2006/10/09 PHP
调试一段PHP程序时遇到的三个问题
2012/01/17 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
thinkPHP使用pclzip打包备份mysql数据库的方法
2016/04/30 PHP
eclipse php wamp配置教程
2016/06/30 PHP
php compact 通过变量创建数组
2016/11/15 PHP
javascript 学习之旅 (1)
2009/02/05 Javascript
实例讲解避免javascript冲突的方法
2016/01/03 Javascript
js创建对象的方法汇总
2016/01/07 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
jquery 中toggle的2种用法详解(推荐)
2016/09/02 Javascript
jQuery实现的自定义滚动条实例详解
2016/09/20 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
iview日期控件,双向绑定日期格式的方法
2018/03/15 Javascript
Python运算符重载用法实例
2015/05/28 Python
sublime text 3配置使用python操作方法
2017/06/11 Python
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
Python使用cx_Freeze库生成msi格式安装文件的方法
2018/07/10 Python
Python + selenium + crontab实现每日定时自动打卡功能
2020/03/31 Python
python脚本使用阿里云slb对恶意攻击进行封堵的实现
2021/02/04 Python
纯CSS3实现的8种Loading动画效果
2014/07/05 HTML / CSS
安全员岗位职责
2013/11/11 职场文书
婚礼主持结束词
2014/03/13 职场文书
2014年圣诞节促销方案
2014/03/14 职场文书
父母对孩子的寄语
2014/04/09 职场文书
保险公司开门红口号
2014/06/21 职场文书
暑期培训心得体会
2014/09/02 职场文书
机关干部四风问题自查报告及整改措施
2014/10/26 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
皇城相府导游词
2015/02/06 职场文书
员工工作表现自我评价
2015/03/06 职场文书
餐馆开业致辞
2015/08/01 职场文书
Python中的 Set 与 dict
2022/03/13 Python
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫