はじめに
Vue.js でキーボード操作で要素間を移動させる方法について整理した。
イメージとしてはツリービューみたいなやつとかを、↑ ↓ → ← キーで移動するような感じ。
TL;DR
tabindexを移動させたい要素に設定@keyup.up.exact,@keyup.down.exactでイベントハンドラを設定- ハンドラ内で次要素の
tabindexを算出してfocus
Vue.js でキーボード操作で要素間を移動させる方法について整理した。
イメージとしてはツリービューみたいなやつとかを、↑ ↓ → ← キーで移動するような感じ。
tabindex を移動させたい要素に設定@keyup.up.exact, @keyup.down.exact でイベントハンドラを設定tabindex を算出して focusPHPOffice/PhpSpreadsheet を使って、エクセルファイルを操作する方法(読み込み系)を整理した。
composer require phpoffice/phpspreadsheet でインストールload でファイル読み込み, getSheetByName でシート選択getRowIterator & getColumnIterator や rangeToArray でデータ取得