首页 > 编程 > JavaScript > 正文

jQuery实现ctrl+enter(回车)提交表单

2019-11-20 11:26:53
字体:
来源:转载
供稿:网友

以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){  //提交代码写在这里});

是不是非常的简单实用呢,希望大家能够喜欢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表