v-on イベントおさらい
date
Mar 3, 2023
repo_url
slug
von-event
status
Published
summary
type
Post
thumbnail_url
tags
javascript
vue
outer_link
JavaScriptで用意されているイベント名を記述できる。
以下、代表的なイベント一覧。
分類 | イベント名 | 発生タイミング |
フォーカス | blur | フォーカスを失ったとき |
focus | フォーカスを受けたとき | |
focusin | フォーカスを受けたとき（親要素でもイベント検出） | |
focusout | フォーカスを失ったとき（親要素でもイベント検出） | |
マウス | click | クリックしたとき |
contextmenu | コンテキストメニューが表示されるとき | |
dblclick | ダブルクリックしたとき | |
mouseenter | マウスが要素に入ったとき（自要素のみ） | |
mouseleave | マウスが要素を出たとき（自要素のみ） | |
mousemove | マウスが移動したとき | |
mouseout | マウスが要素から出たとき（子要素も含む） | |
mouseover | マウスが要素に入ったとき（子要素も含む） | |
mouseup | マウスボタンが離されたとき | |
wheel | マウスホイールが回転されたとき | |
入力 | change | ドロップダウンなどで入力内容が変更されたとき |
compositioned | IMEを使って入力を終了したとき | |
compositionstart | IMEを使って入力を開始したとき | |
compositionupdate | IMEを使って入力中 | |
input | 入力内容が更新されたとき | |
keydown | キーが押されたとき | |
keypress | キーを押して文字が入力されたとき | |
keyup | キーが離されたとき | |
select | テキストが選択されたとき |