基于jQuery实现ctrl+enter（回车）提交表单的功能

最新推荐文章于 2022-09-29 21:01:00 发布

weixin_30698297

最新推荐文章于 2022-09-29 21:01:00 发布

阅读量184

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/flyjs/archive/2012/03/03/2378364.html

本文介绍了如何使用jQuery插件开发技术实现表单中Ctrl+Enter快捷键触发提交功能，提供了具体代码示例，并说明了使用方法。

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

转载于:https://www.cnblogs.com/flyjs/archive/2012/03/03/2378364.html