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