jQuery: Bir Textbox içindeki SEKME tuşa basışı nasıl kaydedilir

Question

SEKME tuşunu yakalamak, varsayılan eylemi iptal etmek ve kendi javascript işlevimi çağırmak istiyorum.

Answer 1

Düzenleme: senin eleman dinamik olarak eklenmesini olduğundan, sizin örnekte olduğu gibi delegated on() kullanmak zorunda, ancak çünkü @Marc yorum olarak, keydown olaya bağlamak gerekir, IE tuşa basma olayı etmiyor 't olmayan karakter tuşları yakalamak:

$("#parentOfTextbox").on('keydown', '#textbox', function(e) { 
    var keyCode = e.keyCode || e.which; 

    if (keyCode == 9) { 
    e.preventDefault(); 
    // call custom function here 
    } 
}); 

Kontrol örneği here. jQuery 1.9 içinde

Answer 2

$('#textbox').live('keypress', function(e) { 
    if (e.keyCode === 9) { 
     e.preventDefault(); 
     // do work 
    } 
}); 

Answer 3

Çalışma örneği:

$('body').on('keydown', '#textbox', function(e) { 
    if (e.which == 9) { 
     e.preventDefault(); 
     // do your code 
    } 
}); 

Answer 4

Üstü gösterilen yöntemler i biraz eski jquery kullanıyorum edilebilir, benim için işe yaramadı, daha sonra nihayet aşağıda gösterilen kod parçacığı için çalışır - ihtimale gönderme benim aynı pozisyonda birileri

$('#textBox').live('keydown', function(e) { 
    if (e.keyCode == 9) { 
     e.preventDefault(); 
     alert('tab'); 
    } 
}); 

Answer 5

hep sonunda "return false" unutma, zaten bir şeyler yapmaya çalışacağız o sekmeyi bilmektir tırnağını aşağı bir anahtar kullanarak önemli bir kısmı.

İşte yaptığım şey. .blur üzerinde çalışan bir işlev ve form odakımın bulunduğu yeri değiştiren bir işlev var. Temel olarak, formun sonuna bir girdi ekler ve bulanıklık üzerine hesaplamalar yaparken oraya gider.

$(this).children('input[type=text]').blur(timeEntered).keydown(function (e) { 
     var code = e.keyCode || e.which; 
     if (code == "9") { 
      window.tabPressed = true; 
      // Here is the external function you want to call, let your external 
      // function handle all your custom code, then return false to 
      // prevent the tab button from doing whatever it would naturally do. 
      focusShift($(this)); 
      return false; 
     } else { 
      window.tabPressed = false; 
     } 
     // This is the code i want to execute, it might be different than yours 
     function focusShift(trigger) { 
      var focalPoint = false; 
      if (tabPressed == true) { 
       console.log($(trigger).parents("td").next("td")); 
       focalPoint = $(trigger).parents("td").next("td"); 

      } 
      if (focalPoint) { 
       $(focalPoint).trigger("click"); 
      } 
     } 
    }); 

Answer 6

bu deneyin:

$('#contra').focusout(function(){ 
    $('#btnPassword').focus(); 
}); 

Answer 7

varsayalım sen (e.preventDefault kullanın varsayılan eylemi iptal etmek,

$("[id*=txtName]").on('keydown', function(e) { 
    var keyCode = e.keyCode || e.which; 
    if (keyCode == 9) { 
    e.preventDefault(); 
    alert('Tab Pressed'); 
} 
});