快捷導(dǎo)航

jQuery實(shí)現(xiàn)ctrl+enter（回車）提交表單

更新時間：2015年10月19日 09:48:27 投稿：hebedich

本文章來給大家介紹在我們輸入完內(nèi)容之后直接按Ctrl+Enter提交表單實(shí)現(xiàn)程序，此方法一般是用于textarea中哦，其它的input這類的就不需了。

以jQuery插件開發(fā)的方法開發(fā)。具體代碼如下：

jQuery.fn.extend({
  /**
   * ctrl+enter提交表單
   * @param {Function} fn 操作后執(zhí)行的函數(shù)
   * @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){
  //提交代碼寫在這里
});

是不是非常的簡單實(shí)用呢，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

JQuery入門——用映射方式綁定不同事件應(yīng)用示例
通過映射的方式，給對象綁定多個事件,可能有很多的童鞋們不從使用過，不過，沒有關(guān)系本文將一一為您詳細(xì)介紹，感興趣的朋友可不要錯過了啊，希望本文對你有所幫助
2013-02-02
jQuery中:input選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:input選擇器用法,以實(shí)例形式較為詳細(xì)的分析了:input選擇器的功能、定義及匹配input元素時的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-01-01
jquery判斷密碼強(qiáng)度的驗(yàn)證代碼
本文主要介紹了jquery判斷密碼強(qiáng)度的驗(yàn)證代碼，這是一個非常常見的功能，在輸入密碼的時候提示密碼的強(qiáng)度，本文使用jQuery來實(shí)現(xiàn)，有需要的小伙伴可以參考下。
2015-11-11
jQuery經(jīng)過一段時間自動隱藏指定元素的方法
這篇文章主要介紹了jQuery經(jīng)過一段時間自動隱藏指定元素的方法,實(shí)例分析了兩種比較常用的技巧,非常具有實(shí)用價值,需要的朋友可以參考下
2015-03-03
jquery自動補(bǔ)齊功能插件flexselect用法示例
這篇文章主要介紹了jquery自動補(bǔ)齊功能插件flexselect用法,結(jié)合實(shí)例形式分析了flexselect實(shí)現(xiàn)自動補(bǔ)齊功能的操作步驟與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-08-08
jQuery中[attribute*=value]選擇器用法實(shí)例
這篇文章主要介紹了jQuery中[attribute*=value]選擇器用法,實(shí)例分析了[attribute*=value]選擇器的功能、定義及匹配給定的屬性包含某些值的元素的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2014-12-12
JQuery實(shí)現(xiàn)簡單的服務(wù)器輪詢效果實(shí)例
這篇文章主要介紹了JQuery實(shí)現(xiàn)簡單的服務(wù)器輪詢效果,結(jié)合實(shí)例形式分析了jQuery的ajax交互結(jié)合.net處理實(shí)現(xiàn)輪詢效果的相關(guān)技巧,需要的朋友可以參考下
2016-03-03
如何在MVC應(yīng)用程序中使用Jquery
這篇文章主要介紹了如何在MVC應(yīng)用程序中使用Jquery，并附上示例，給需要的小伙伴們參考下吧
2014-11-11
jQuery如何封裝輸入框插件
這篇文章主要介紹了jQuer輸入框插件封裝方法，這樣可以提高程序員的開發(fā)效率，非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-08-08
jQuery實(shí)現(xiàn)圖片左右滾動特效
這篇文章主要介紹了jQuery合作伙伴左右滾動特效，功能實(shí)現(xiàn)非常簡單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-08-08