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中的单引号与双引号问题
Nov 06 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
Feb 23 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
完美解决iview 的select下拉框选项错位的问题
Mar 02 Javascript
微信小程序scroll-view实现字幕滚动
Jul 14 Javascript
解决webpack dev-server不能匹配post请求的问题
Aug 24 Javascript
在vue-cli创建的项目中使用sass操作
Aug 10 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
Oct 17 Javascript
design vue 表格开启列排序的操作
Oct 28 Javascript
关于vue-router-link选择样式设置
Apr 30 Vue.js
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与SQL注入攻击[三]
2007/04/17 PHP
PHP中的日期加减方法示例
2014/08/21 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
php操作access数据库的方法详解
2017/02/22 PHP
PHP利用百度ai实现文本和图片审核
2019/05/08 PHP
jquery 分页控件实现代码
2009/11/30 Javascript
Jquery选中或取消radio示例
2013/09/29 Javascript
JQuery插件开发示例代码
2013/11/06 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
jQuery - css() 方法示例详解
2014/01/16 Javascript
JavaScript匿名函数之模仿块级作用域
2015/12/12 Javascript
javascript针对不确定函数的执行方法
2015/12/16 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
2016/08/02 Javascript
微信小程序使用第三方库Immutable.js实例详解
2016/09/27 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
从0到1搭建Element的后台框架的方法步骤
2019/04/10 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
解决vue 单文件组件中样式加载问题
2019/04/24 Javascript
JS数组方法shift()、unshift()用法实例分析
2020/01/18 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
如何管理Vue中的缓存页面
2021/02/06 Vue.js
Python程序中用csv模块来操作csv文件的基本使用教程
2016/03/03 Python
python可视化实现代码
2019/01/15 Python
python基于socket进行端口转发实现后门隐藏的示例
2019/07/25 Python
django 读取图片到页面实例
2020/03/27 Python
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
安德玛加拿大官网:Under Armour加拿大
2019/10/02 全球购物
群众路线自查报告及整改措施
2014/11/04 职场文书
幼师辞职信范文大全
2015/05/12 职场文书
Vue图片裁剪组件实例代码
2021/07/02 Vue.js
nginx访问报403错误的几种情况详解
2022/07/23 Servers