tech blog技術メモ

Web制作に関連する技術を発信しています。

iOS Safariでform要素にtarget="_blank”を指定しているとEnterキーによるsubmitが効かない

iOSのSafariでtarget="_blank"を指定にしているとinputを入力しEnterキーによる送信を実行しても効かない現象に遭遇しました。

JavaScriptでEnterキーをタップされたらsubmitを実行する処理を書いてあげることで期待通りの動作を実現できました。

$('input[name="hoge"]').on('keyup', (e) => {
    if(e.which === 13) {
        $('form').submit();
        e.preventDefault();
    }
});