首頁猿問 JS/jQuery中的綁定箭頭鍵

JS/jQuery中的綁定箭頭鍵

JavaScript JQuery

開滿天機(jī) 2019-07-06 12:56:57

JS/jQuery中的綁定箭頭鍵如何將函數(shù)綁定到Javascript和/或jQuery中的左右箭頭鍵？我查看了jQuery的js熱鍵插件(包裝內(nèi)置的綁定函數(shù)以添加參數(shù)以識(shí)別特定的鍵)，但它似乎不支持箭頭鍵。

查看完整描述

3 回答

喵喵時(shí)光機(jī)

TA貢獻(xiàn)1846條經(jīng)驗(yàn) 獲得超7個(gè)贊

$(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)});

將箭頭鍵的自定義代碼放在相應(yīng)的case和break臺(tái)詞。

e.which是由jQuery標(biāo)準(zhǔn)化的，所以它在所有瀏覽器中都能工作。對于純javascript方法，將前兩行替換為：

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

如果你覺得喜歡，你可以用e.key而不是e.which或e.keyCode現(xiàn)在。e.key正在成為推薦的標(biāo)準(zhǔn)，允許您檢查字符串：'ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'..新瀏覽器本機(jī)支持它，檢查這里.

反對回復(fù) 2019-07-06

30秒到達(dá)戰(zhàn)場

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超6個(gè)贊

$(document).keydown(function(e){
    if (e.which == 37) { 
       alert("left pressed");
       return false;
    }});

字符代碼：

37-左
38歲以上
39-權(quán)利
四十下

反對回復(fù) 2019-07-06

慕仙森

TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊

您可以使用箭頭鍵的鍵碼(左、上、右和下分別為37、38、39和40)：

$('.selector').keydown(function (e) {
  var arrow = { left: 37, up: 38, right: 39, down: 40 };

  switch (e.which) {
    case arrow.left:
      //..
      break;
    case arrow.up:
      //..
      break;
    case arrow.right:
      //..
      break;
    case arrow.down:
      //..
      break;
  }});

檢查上面的示例這里.

反對回復(fù) 2019-07-06