エンターキーで画像にフォーカス

質問

エンターキーを押すと画像にフォーカスが移るようにしたいのですが、
下記のスクリプトをスマホで実行するとiphoneっで文字入力ができなくなります。(chrome)
アンドロイドとIphoneで実行ボタンで画像にフォーカスを移すにはどうすれば良いでしょうか

--HTML--

<img id="pic" src="img/img.png"/>
<input id="comment" type="text" name="comment" runat="server" onkeypress="return submitStop(event);"/>

---JS---

function submitStop(e) {

if (!e) var e = window.event;

if (e.keyCode == 13)
pic.focus;
return false;
}

回答No.1

神崎 渉瑠（@taloo） · ベストアンサー

意図的な物か忘れた物かわかりませんが、return falseがifブロックに入っていません。
もう一つ、focusは括弧を付けてfocus()と書かないと実行されません。
必須ではありませんが、return falseとの対照を明確にするため、return trueしておくのが良いと思います。

function submitStop(e) {

if (!e) var e = window.event;

if (e.keyCode == 13){
pic.focus();
return false;
}
return true;
}

デフォルトでは画像にフォーカスを当てることはできませんので、tabindexを指定する必要があります。

<img id="pic" src="img/img.png" tabindex="0" />

お礼

ご指摘頂いた内容でバッチリ動作しました！
ありがとうございます！