フォームを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>

広告 (下に続く)

シェアする