SORU
9 EYLÜL 2009, ÇARŞAMBA


JS/bağlayıcı ok tuşları jQuery

Nasıl Javascript ve/veya jQuery sol ve sağ Ok tuşları bir fonksiyon bağlama hakkında gidiyorsun? Bir WordPress kullanmak için js-kısayol eklentisi baktım (sarar-dahili bağlama işlev tuşları belirli tanımak için bir değişken eklemek için), ama ok tuşlarını destek görünmüyor.

CEVAP
15 Mayıs 2011, Pazar


İşte en temiz çözüm:

$(document).keydown(function(e) {
    switch(e.which) {
        case 37: // left
        break;

        case 38: // up
        break;

        case 39: // right
        break;

        case 40: // down
        break;

        default: return; // exit this handler for other keys
    }
    e.preventDefault(); // prevent the default action (scroll / move caret)
});

case break ilgili satır aralarını ok tuşlarını için, özel bir kod koy.

Diğer cevaplar e.keyCode kullanın ama bu tüm tarayıcılarda desteklenmiyor unutmayın. e.which her yerde çalışır, bu yüzden bir WordPress kullanmak normalize. Ayrıca, kovulmaktan başka işleyicileri önlediği için return false ile bitmiyor.

Saf javascript bir yaklaşım için, ilk iki satırı değiştirin:

document.onkeydown = function(e) {
    e = e || window.event;
    switch(e.which || e.keyCode) {

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Jordie Jordan

    Jordie Jorda

    27 Ocak 2008
  • lissaandbeauty

    lissaandbeau

    24 Aralık 2011
  • Sam Kear

    Sam Kear

    14 Temmuz 2007