这两天学习了Vue.js 感觉组件这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记,学习一下Vue键盘事件
键盘事件
window.onload = function () {
var vm = new Vue({
el: '#box',
data: {},
methods: {
show: function (ev) {
alert(ev.keyCode)
}
}
});
}
keyCode
window.onload = function () {
var vm = new Vue({
el: '#box',
data: {},
methods: {
show: function (ev) {
if(ev.keyCode==13){
alert('你按了回车键!')
}
}
}
});
}
keyUp
window.onload = function () {
var vm = new Vue({
el: '#box',
data: {},
methods: {
show: function (ev) {
alert(ev.keyCode)
}
}
});
}
键盘事件——简写方式
window.onload = function () {
var vm = new Vue({
el: '#box',
data: {},
methods: {
show: function () {
alert('你按了回车!');
},
show2: function () {
alert('你按了回车!');
},
show3: function () {
alert('你按了上键!');
},
show4: function () {
alert('你按了下键!');
},
show5: function () {
alert('你按了左键!');
},
show6: function () {
alert('你按了右键!');
}
}
});
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。