守破離でいこう! -Let's go with SyuHaRi!-

ときに、EnterキーでFormがSubmitされてしまうと、よろしくない場合があります。
そんなときは、以下のようにするとEnterキーによるSubmitが抑止されます。

function enterSubmit(event) {
  event = event || window.event;
  if (event.keyCode == 13) {
    if (event.srcElement) {
      if (event.srcElement.type != 'submit' && 
          event.srcElement.type != 'textarea') {
        return false;
      }
    } else if (event.target) {
      if (event.target.type != 'submit' && 
          event.target.type != 'textarea') {
        return false;
      }
    }
  }
}

<form action="#" onkeydown="return enterSubmit(event)">
  <input type="text" />
  <input type="submit" />
</form>

これでまたひとつ、すっきりしましたね。

ラベル: javascript