hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

Reactサイト上でバーコードリーダーからバーコードを読み込む

ニッチ過ぎて忘れそうなのでメモ

結論

javascript – How to register event with useEffect hooks? – Stack Overflow
https://stackoverflow.com/questions/55565444/how-to-register-event-with-useeffect-hooks

hookでaddeventlistenerする。
removeも忘れない。

その他めも(通常のinputなど入力欄があるタイプ

javascript – How to handle the onKeyPress event in ReactJS? – Stack Overflow
https://stackoverflow.com/questions/27827234/how-to-handle-the-onkeypress-event-in-reactjs

ReactでonKeyPressを取得する – ゆったりWeb手帳
https://blog.zatsuzen.com/react/keypress/

keyの判定はkeyCodeよりkeyが無難

最新はそうなってんねや・・・(老害コードをばらまかないように気をつけよう
https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/keyCode

イベントのkeyCodeとcharCode – hogehoge @teramako

Document: keydown event – Web APIs | MDN
https://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event
keydownとkeypressは処理の対象となるkeyの数が違うよって話


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください