質問事項
Androidスマホにおいて、フォーム入力時に表示されるキーボードの下記画像の右矢印ボタンの名称を知りたいのですが、ご存知の方おられますでしょうか?
(画像で「here」と赤丸で記載しているボタン)
背景
JavaScriptの処理実装にて使用したいと考えています。
「次へ」や「戻る」のボタンクリックにより項目がスライド形式で1項目ずつ切り替わる入力フォームを作っています。
実現したいこと
エンターキーやタブキーによってsubmitや項目切替が行われないよう(ボタンクリックでのみ項目が切り替わるよう)
input内でエンターやタブが押された時、イベントを無効化する処理を入れました。
しかし、Androidのブラウザにて、上記画像の右矢印ボタンを押した際、
タブ遷移のような動きで次の項目へフォーカスが移ってしまいました。
⇒この、「右矢印ボタンクリックによりフォーカスが移る」動きを無効化したいです。
(EnterやTabには該当しないようです)
javascript
1const blockItemTransitionByKeyboard = () => { 2 $('input').keydown(function(e){ 3 if( e.key == 'Enter' || e.code == 'Enter' || e.key === "Tab" || e.code === "Tab" ) { 4 e.preventDefault(); 5 } 6 }); 7}
試したこと
keydownは動作しているようです(中にconsole.logを入れると表示されました)
console.logでe.key
や e.code
を入れると、値が何も表示されない状態です。
(PCのブラウザではエンターキーやタブ遷移は無効化されており、
iPhone(safari)でもエンターキー無効化されていますが、Androidのように上記の右矢印ボタンは表示されません)
環境
Android
ブラウザ:Chrome
調べようにもボタンの名前もわからないため調べられず、
まずは名称を知りたい次第です。(名称さえわかれば少しは次に進めるかと考えているため)
不足情報ありましたらお手数ですがご教示ください。
お手数お掛けしますが、何卒よろしくお願いいたします。
あなたの回答
tips
プレビュー