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