진스
mousemove 본문
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
'Vue' 카테고리의 다른 글
| vue 페이지 이동시 input 창 자동 포커스 (2) | 2021.05.19 |
|---|---|
| Vue Swipe Tabs 구현 (0) | 2021.05.16 |
| input에 1byte마다 자음마다 validation (0) | 2021.05.14 |
| vue 개발 확장 플러그인 (0) | 2021.05.13 |
| eslint와prettier 설정 (0) | 2021.05.10 |
Comments