Heim > Web-Frontend > js-Tutorial > jQuery implementiert die Strg-Eingabetaste (Wagenrücklauf), um die form_jquery zu senden

jQuery implementiert die Strg-Eingabetaste (Wagenrücklauf), um die form_jquery zu senden

WBOY
Freigeben: 2016-05-16 15:36:16
Original
1224 Leute haben es durchsucht

Entwickelt mit der jQuery-Plug-in-Entwicklungsmethode. Der spezifische Code lautet wie folgt:

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);
        } 
      });
    });
  } 
});
Nach dem Login kopieren

Anwendung:

$("#textarea").ctrlSubmit(function(event){
  //提交代码写在这里
});
Nach dem Login kopieren

Ist es nicht sehr einfach und praktisch? Ich hoffe, es gefällt euch allen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage