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

 更新时间:2015年10月19日 09:48:27   投稿:hebedich  
本文章来给大家介绍在我们输入完内容之后直接按Ctrl+Enter提交表单实现程序,此方法一般是用于textarea中哦,其它的input这类的就不需了。

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

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

相关文章

  • JQuery入门——用映射方式绑定不同事件应用示例

    JQuery入门——用映射方式绑定不同事件应用示例

    通过映射的方式,给对象绑定多个事件,可能有很多的童鞋们不从使用过,不过,没有关系本文将一一为您详细介绍,感兴趣的朋友可不要错过了啊,希望本文对你有所帮助
    2013-02-02
  • jQuery中:input选择器用法实例

    jQuery中:input选择器用法实例

    这篇文章主要介绍了jQuery中:input选择器用法,以实例形式较为详细的分析了:input选择器的功能、定义及匹配input元素时的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • jquery判断密码强度的验证代码

    jquery判断密码强度的验证代码

    本文主要介绍了jquery判断密码强度的验证代码,这是一个非常常见的功能,在输入密码的时候提示密码的强度,本文使用jQuery来实现,有需要的小伙伴可以参考下。
    2015-11-11
  • jQuery经过一段时间自动隐藏指定元素的方法

    jQuery经过一段时间自动隐藏指定元素的方法

    这篇文章主要介绍了jQuery经过一段时间自动隐藏指定元素的方法,实例分析了两种比较常用的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-03-03
  • jquery自动补齐功能插件flexselect用法示例

    jquery自动补齐功能插件flexselect用法示例

    这篇文章主要介绍了jquery自动补齐功能插件flexselect用法,结合实例形式分析了flexselect实现自动补齐功能的操作步骤与相关实现技巧,需要的朋友可以参考下
    2016-08-08
  • jQuery中[attribute*=value]选择器用法实例

    jQuery中[attribute*=value]选择器用法实例

    这篇文章主要介绍了jQuery中[attribute*=value]选择器用法,实例分析了[attribute*=value]选择器的功能、定义及匹配给定的属性包含某些值的元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • JQuery实现简单的服务器轮询效果实例

    JQuery实现简单的服务器轮询效果实例

    这篇文章主要介绍了JQuery实现简单的服务器轮询效果,结合实例形式分析了jQuery的ajax交互结合.net处理实现轮询效果的相关技巧,需要的朋友可以参考下
    2016-03-03
  • 如何在MVC应用程序中使用Jquery

    如何在MVC应用程序中使用Jquery

    这篇文章主要介绍了如何在MVC应用程序中使用Jquery,并附上示例,给需要的小伙伴们参考下吧
    2014-11-11
  • jQuery如何封装输入框插件

    jQuery如何封装输入框插件

    这篇文章主要介绍了jQuer输入框插件封装方法,这样可以提高程序员的开发效率,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • jQuery实现图片左右滚动特效

    jQuery实现图片左右滚动特效

    这篇文章主要介绍了jQuery合作伙伴左右滚动特效,功能实现非常简单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-08-08

最新评论