Maison > interface Web > js tutoriel > jQuery implémente ctrl enter (retour chariot) pour soumettre le form_jquery

jQuery implémente ctrl enter (retour chariot) pour soumettre le form_jquery

WBOY
Libérer: 2016-05-16 15:36:16
original
1224 Les gens l'ont consulté

Développé à l'aide de la méthode de développement de plug-in jQuery. Le code spécifique est le suivant :

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);
        } 
      });
    });
  } 
});
Copier après la connexion

Comment utiliser :

$("#textarea").ctrlSubmit(function(event){
  //提交代码写在这里
});
Copier après la connexion

N'est-ce pas très simple et pratique, j'espère que vous l'aimerez tous ?

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal