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

  • alex maybury

    alex maybury

    20 Aralık 2007
  • Madeon

    Madeon

    31 Ocak 2010
  • tinycammonitor

    tinycammonit

    14 Aralık 2010