タグ

ブックマーク / don-bu-rakko.com (1)

  • Vue.jsの画面全体でキー入力イベントを拾うには?【サンプルコード付き】

    <input> タグに頼らずキー入力を取得したい!みなさん、こんにちは。どんぶラッコです。 先日、Twitterでふとこんな投稿を目にしました。 Vueってキーボード操作のイベントを取得するのってできない? そこは結局生のJavaScriptを書かないといけない? となるとやばいな… — ちばぞう (@tsuchan51826829) June 9, 2021 自分がVue.jsを触っていることもあり、やり取りをさせていただきました。 話していくと、どうやら「inputではなく、画面全体のキー入力を取得したい!」ということのようでした。 Vue.jsには v-on という機能が備わっています。例えば、DOMに対して v-on:keydown と指定してあげるとキー入力のイベントを拾うことができます。 こういうことですね。 HTML<div id="app"> <input autofocu

    Vue.jsの画面全体でキー入力イベントを拾うには?【サンプルコード付き】
  • 1