フォームをCtrl+Enterで送信できるようにする

ブラウザ依存なしでフォームをCtrl+Enterで送信できるようにする方法です。JavaScriptを用いています。

需要

OperaではCtrl+Enterでフォームが送信できます。一方でTwitterやFacebookはJavaScriptを用いた方法で、ブラウザ関係なくCtrl+Enterで送信が可能になっています。

方法

例えば次のようなフォームがあったとします。

<form>
<textarea name="textarea">
<input type="submit" id="submit" value="送信">
</form>

↓次のようにonkeydownを追加します。

<form>
<textarea name="textarea" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};">
<input type="submit" id="submit" value="送信">
</form>
プログラミング
この記事を書いた人
まっしろ

お家とインターネットが大好きな20代社会人です。
眠らない街渋谷に住んでいますが、平均睡眠時間は10時間です。
在宅勤務でWebサービスのフロント・バックエンドエンジニアをしています。

フォローする
スポンサーリンク
まっしろブログ

コメント