javascript - Jquery 按键除了：{something}

Question

jQuery 或 Javascript 中是否有任何快捷方式（实际上是一个函数）来处理按钮按下，除了某物或仅某物，例如：

$(input).keypress('nonfunctional' function(){ 
  // do something
});

只会在按下 [az][0-9] 按钮并忽略单个shift或ctrl但处理shift+a=> A 按下时触发？

PSi确实知道if(key.code == 123)那时...

Answer 1

不，如果您想排除event.keyCode / event.which属性的特定键。

Answer 2

或者您可以扩展 jquery 按键。我猜是这样的：

$.fn.keypressBut = function(codes, callback) {
    $(this).keypress(function(e) {
        ~$.inArray(e.keyCode, codes) || callback.call(this, e);
    });
}

// Lets ignore Enter and Space
$('input').keypressBut([13, 32], function(e) {
    alert(e.keyCode);
})

Answer 3

你可以做类似的事情

1. fn使用带有参数的函数扩展 jquery属性，例如

   • 一些数据
   • 回调函数

2. 编写一个验证函数

   • 将 keyCode 转换为字符串
   • 将其与正则表达式匹配。
   • 如果按下 shiftKey
     • 将其转换为大写
   • 检查是否满足其他条件，例如按下 Ctrl/Alt 键。
   • 返回结果。
3. 如果验证成功
   • 执行回调函数

---

在代码站点上，这可能像

  $.fn.selectedKey = function (cb, data) {
      def.call(data, {
          ctrlKey: 2, //0: musn't be pressed, 1: must be pressed, 2: both.
          altKey: 2, // "
          invert: 0, //inverts the filter
          filter: /.*/, // A Regular Expression, or a String with a Regular Expression
          preventDefault: false //Set to true to prevent Default.
      }); //Sets the default Data for the values used,

      function validate(e) {
          var key = e.char = String.fromCharCode(e.keyCode || e.which); // Converts the pressed key to a String
          if (e.shiftKey) key = key.toUpperCase(); //Handles Case Sensitivity.
          var exp = new RegExp(e.data.filter.replace(/\\\\(\d)/g, String.fromCharCode("$1"))); //Creates a new RegExp from a String to e.g. allow "\2" to match the keyCode 2
          var c = !! (e.data.ctrlKey ^ e.ctrlKey ^ 1 > 0); //c == true if the above stated conditions are met e.g Ctrl Key Pressed and `ctrlKey == 1` -> true
          var a = !! (e.data.altKey ^ e.altKey ^ 1 > 0); //e.g Alt Key Pressed and `altKey == 0` -> false
          return (exp.test(key) && (c && a)); //Returns the validation Result
      }

      function def(obj) { //a minimal helper for default values
          for (var prop in obj) {
              this[prop] = this[prop] || obj[prop];
          }
      }
      this.keypress(data, function (e) {
          if (e.data.preventDefault) e.preventDefault();
          if (validate(e) != e.data.invert) cb(e); //Calls the callback function if the conditions are met
      });
  };

然后您可以使用以下方式

使用正则表达式

  $("body").selectedKey(function (e) {
      console.log("All lower characters Numbers and 'A': " + e.char);
  }, {
      filter: /[a-z]|[0-9]|A/,
      ctrlKey: 2,
      altKey: 2
  });

如果已按下任何 [az] 或 [0-9] 或 Shift 键 + A，则会触发此操作，无论 ctrl 和 alt 的状态如何

或键码

  $("body").selectedKey(function (e) {
      // do somet
      console.log("KeyCode 2 " + e.char);
  }, {
      filter: "\\2", //Ctrl + b
      ctrlKey: 1,
      altKey: 2
  });

如果按 ctrl +b 会触发

你也可以将这两者结合起来。

这是JSBin上的一个示例，可以摆弄。

Answer 4

如果您不想编写大的 if 语句来检测按下的键代码，则有一个 jQuery 插件用于使用类和正则表达式来过滤按键，它称为keyfilter。一个例子是

$(selector).keyfilter(/[a-z]/);

Answer 5

例如，下面的这个函数只允许使用 keydown 事件处理这个函数的数字。

function OnlyNumbers(event) {
    if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 || (event.keyCode == 65 && event.ctrlKey === true) || (event.keyCode >= 35 && event.keyCode <= 39)) { return; }
    else { if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) { event.preventDefault(); } }
}

Answer 6

你试过 event.altKey/event.shiftKey/event.ctrlKey 吗？