vue 键盘
2020-09-07 本文已影响0人
bianruifeng
键盘事件
属性 | 描述 | 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: {....