Vue
mousemove
입방정
2021. 5. 16. 23:25
728x90
mousemove
// js
new Vue({
el : '#canvas',
data : {
x : 0,
y : 0
},
method : {
eventXY : function(event) {
this.x = event.offsetX;
this.y = event.offsetY;
}
}
})
// html
<div id="canvas" v-on:mousemove="eventXY">
{{x}}, {{y}}
</div>
keyup
<input type="text" v-on:keyup="keyupEvent"> // keyup의 경우 keyupEvent 실행
<input type="text" v-on:keyup.enter="keyupEvent"> // keyup중 enter키일 경우 keyupEvent 실행
<input type="text" v-on:keyup.alt.enter="keyupEvent"> // keyup중 alt+enter키일 경우 keyupEvent 실행
728x90