vueのイベントハンドラ(v-on)

  • @focus フォーカス時
  • @blur フォーカスが外れた時
  • @change value変更時
  • @click クリック時(同じ要素内でマウスボタンを押して離した後で発生)
  • @dblclick ダブルクリック時
  • @submit サブミット時
  • @keyup アップキー
  • @keydown ダウンキー
  • @mouseover カーソルを乗せた時。(子要素からマウスポインタ―が入ってきたときにも発生)
  • @mouseout カーソルを外した時。
  • @mouseenter カーソルを乗せた時。(子要素からマウスポインタ―が入ってきたときには発生しない)
  • @mouseleave カーソルを外した時。子要素に反応させない
  • @mousedown マウスクリック時(ボタンが最初に押された時点で発生)
  • @mouseup クリックしたマウスボタンを離した時点で発生
  • @mousemove マウス動かしてる時
  • @touchstart タッチした時(スマホなど)
  • @touchmove タッチ平面に沿って1つ以上のタッチポイントが移動した時(スマホなど)
  • @touchend タッチを離した時(スマホなど)