我可以将监视属性添加到输入表单。但是如果用户按下一个键怎么办?我想当用户在页面上时打印按键。
$(document).keypress(function(event){
alert(String.fromCharCode(event.which));
});
但是如何在 vue 中添加按键检查?
最佳答案
注册全局事件监听器有两种选择。
如果您的文档根目录中有另一个 Vue 实例,您可以使用自定义事件。
添加到您的主实例:
<body @keydown="this.$emit('onkeydown')">...</body>
以及您的嵌套实例:
<my-component v-on:onkeydown="alert(String.fromCharCode(event.which));"></my-component>
这会发出一个由嵌套实例捕获的全局事件。如果您想了解更多关于自定义事件的信息,请点击here .
如果 body
元素上没有实例,您可以在创建 Vue 实例时在文档上创建一个事件监听器 ( Example ):
methods: {
onkeydown(e) {
alert(String.fromCharCode(event.which));
}
},
created() {
document.onkeydown = this.onkeydown;
}
关于javascript - 如何在 vue 中添加事件监听器来记录更改?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40299919/