ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery は、form_jquery を送信するために Ctrl Enter (キャリッジ リターン) を実装します。

jQuery は、form_jquery を送信するために Ctrl Enter (キャリッジ リターン) を実装します。

WBOY
リリース: 2016-05-16 15:36:16
オリジナル
1217 人が閲覧しました

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){
  //提交代码写在这里
});
ログイン後にコピー

とてもシンプルで実用的だと思いませんか?

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート