美文网首页
vue 键盘

vue 键盘

作者: bianruifeng | 来源:发表于2020-09-07 15:21 被阅读0次

键盘事件

属性 描述 DOM
onkeydown 某个键盘按键被按下。 2
onkeypress 某个键盘按键被按下并松开。 2
onkeyup 某个键盘按键被松开。 2

全局监听组合键:

created: function () {
    var _this = this;
    let code = 0;
    let code2 = 0;
    //按键被按下
    document.onkeydown = function (e) {
      let evn = e || event;
      let key = evn.keyCode || evn.which || evn.charCode;
      if (key === 17) {
        code = 1;
      }
      if (key === 13) {
        code2 = 1;
      }
      if (code === 1 && code2 === 1) {
        alert("Ctrl+Enter");
        //do something
        code = 0;
        code2 = 0;
      }
    };
    //按键被松开
    document.onkeyup = function (e) {
      if (e.keyCode === 17) {
        code = 0;
      }
      if (e.keyCode === 13) {
        code2 = 0;
      }
    };
  },
methods: {....

全局监听键盘事件:

created: function () {
    var _this = this;
    document.onkeydown = function (e) {
      let key = window.event.keyCode;
      alert("监听键" + key);
      if (key == 13) {
        _this.submit();
      }
    };
  },
  methods: {....

相关文章

网友评论

      本文标题:vue 键盘

      本文链接:https://www.haomeiwen.com/subject/jeflektx.html