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

JS/jQuery中的綁定箭頭鍵

JavaScript JQuery

開滿天機 2019-07-06 12:56:57

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

查看完整描述

3 回答

喵喵時光機

TA貢獻1846條經驗獲得超7個贊

$(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臺詞。

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

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

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

反對回復 2019-07-06

30秒到達戰場

TA貢獻1828條經驗獲得超6個贊

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

字符代碼：

37-左
38歲以上
39-權利
四十下

反對回復 2019-07-06

慕仙森

TA貢獻1827條經驗獲得超8個贊

您可以使用箭頭鍵的鍵碼(左、上、右和下分別為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;
  }});

檢查上面的示例這里.

反對回復 2019-07-06

3 回答
0 關注
424 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

JS/jQuery中的綁定箭頭鍵

JS/jQuery中的綁定箭頭鍵

3 回答

添加回答