JQuery Capture Acara Tekan Key Single (pintasan papan kekunci)

menangkap acara utama tunggal menggunakan jQuery (pintasan papan kekunci)

Untuk meningkatkan prestasi laman web dan pengalaman pengguna, kami mungkin perlu menambah beberapa pintasan papan kekunci untuk melaksanakan tugas -tugas laman web yang sama dengan lebih cepat! Artikel ini akan menerangkan bahasa yang mudah dan mudah difahami bagaimana untuk membuat acara papan kekunci menggunakan jQuery-cari kod kunci kekunci papan kekunci yang ditekan.

Berikut adalah kaedah pelaksanaan:

//这是一个通用的设置，用于在jQuery中捕获keyup事件，并将结果记录到firebug控制台

if(typeof console == 'undefined'){
    console = {};
    console.log = function(arg){return false;};
}

$(document).keyup(function(e){
    //找出按下了哪个键
    switch(e.keyCode){
        case 65 :   console.log('a');   break;  // a
        case 66 :   console.log('b');   break;  // b
        case 67 :   console.log('c');   break;  // c
        case 68 :   console.log('d');   break;  // d
        case 69 :   console.log('e');   break;  // e
        case 70 :   console.log('f');   break;  // f
        case 71 :   console.log('g');   break;  // g
        case 72 :   console.log('h');   break;  // h
        case 73 :   console.log('i');   break;  // i
        case 74 :   console.log('j');   break;  // j
        case 75 :   console.log('k');   break;  // k
        case 76 :   console.log('l');   break;  // l
        case 77 :   console.log('m');   break;  // m
        case 78 :   console.log('n');   break;  // n
        case 79 :   console.log('o');   break;  // o
        case 80 :   console.log('p');   break;  // p
        case 81 :   console.log('q');   break;  // q
        case 82 :   console.log('r');   break;  // r
        case 83 :   console.log('s');   break;  // s
        case 84 :   console.log('t');   break;  // t
        case 85 :   console.log('u');   break;  // u
        case 86 :   console.log('v');   break;  // v
        case 87 :   console.log('w');   break;  // w
        case 88 :   console.log('x');   break;  // x
        case 89 :   console.log('y');   break;  // y
        case 90 :   console.log('z');   break;  // z
    }
});

soalan yang sering ditanya mengenai menangkap peristiwa utama tunggal

bagaimana menggunakan jQuery untuk menangkap satu keypress?

Untuk menggunakan jQuery untuk menangkap kunci tunggal, anda boleh menggunakan kaedah

. Kaedah ini mencetuskan peristiwa keypress(), atau melampirkan fungsi yang berjalan apabila peristiwa keypress berlaku. Berikut adalah contoh mudah: keypress

Apakah perbezaan antara peristiwa

$(document).keypress(function(event){
  alert('按下的键：' + String.fromCharCode(event.which));
});

, keydown dan keypress? keyup

, keydown dan keypress peristiwa semuanya berkaitan dengan interaksi papan kekunci, tetapi mereka dicetuskan pada masa yang berlainan. Acara keyup dicetuskan apabila kunci ditekan. Acara keydown dicetuskan apabila kunci yang menghasilkan nilai aksara ditekan. Acara keypress dipecat apabila kunci dibebaskan. keyup

Bagaimana untuk menyekat operasi lalai peristiwa akhbar utama?

Untuk menyekat operasi lalai peristiwa akhbar utama dalam fungsi pengendali acara, anda boleh menggunakan kaedah

. Sebagai contoh, jika anda ingin menghalang borang daripada dikemukakan apabila kekunci Enter ditekan, anda boleh melakukan perkara berikut: event.preventDefault()

$('form').keypress(function(event){
  if(event.which == 13){
    event.preventDefault();
    alert('阻止表单提交！');
  }
});

Bagaimana untuk mengesan kekunci mana yang ditekan?

anda boleh menggunakan atribut

dalam fungsi pengendali acara untuk mengesan kekunci mana yang ditekan. Harta ini mengembalikan nilai unicode kunci yang mencetuskan acara event.which. Contohnya: keypress

Bolehkah acara

$(document).keypress(function(event){
  alert('按下的键：' + String.fromCharCode(event.which));
});

digunakan untuk mengesan kekunci bukan aksara?

keypress tidak, acara

hanya dicetuskan apabila kunci yang menghasilkan nilai watak ditekan. Ini bermakna ia tidak akan mencetuskan kekunci yang tidak menghasilkan watak, dll. Jika anda perlu mengesan kekunci bukan aksara, gunakan peristiwa

atau keypress sebaliknya. keydown keyup (jawapan kepada soalan berikutnya adalah sama dengan teks asal, ditinggalkan di sini untuk mengelakkan pertindihan.)

Atas ialah kandungan terperinci JQuery Capture Acara Tekan Key Single (pintasan papan kekunci). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!