Madogiwa Blog

主に技術系の学習メモに使っていきます。

javascript:form上でエンターキーを無効にする方法

webページ上でエンターキーを押したときにSubmitされるのを無効にしたくて、色々調べたのでメモ

方法:javascript内でエンターキーを検出し、falseを返す。

// エンターキー押下時のsubmitを無効化
$('input').on('keydown', function(e){
  if ((e.wich && e.wich === 13) || (e.keyCode && e.keyCode === 13)) {
    return false
  } else {
    return true
  }
})

onSubmitイベント時にfalseが返されると処理を中断されるため、ページの書換えが行われなくなるようだ。

参考ページ qiita.com

blog.livedoor.jp