jquery - 入力要素でjQuery live preventDefaultが失敗する

Question

次のコード スニペットがあります。

$('#messages input').live('keydown', function(e){
  if(e.keyCode == 13) {
    alert($(this).attr('value'));
    e.preventDefault();
    return false;
  }
});

ここで、「#message input」は明らかに入力テキスト要素のグループです。「Enter」キーをキャッチして、ページが更新されないようにしたい。ただし、毎回失敗します。アラートは正常に機能しますが、preventDefault() が機能していないようです。

誰にもアイデアはありますか？

編集:私は ASP.NET で作業していて、それはフォーム要素の中にあると言いました。フォーム要素から削除すると問題は解決しますが、 preventDefault() が機能しない理由を知りたいです。

Answer 1

皮肉なことに、問題を引き起こしたのはアラート自体でした。

AFAICT、アラートはpreventDefault（）が有効になる前にJavaScriptの実行を停止しますが、ブラウザーはキーストロークの処理を続行し、フォームの送信をトリガーします。

奇妙ですが、あなたはそれを持っています。

Answer 2

$('#form_deal_step1').live('submit',function(){
        $('.column .column_child select').not(':hidden').each(function(ev){
             if($(this).val()=='?')
             {
                 alert('Please select the ages of each child.');
                 ev.preventDefault();
                 return false;
             }
          });
})
var age_selected=1;
$('.column .column_child select').not(':hidden').each(function(){
    if($(this).val()=='?')
    {                
        age_selected=0; 
    }
});
if(age_selected==0)
{
    alert('Please select the ages of each child.');
    return false;
}

Answer 3

試してみるかもしれません

e.stopPropagation()

Answer 4

keypressフォームはではなく で提出されると思いますkeydown。試す

$('#messages input').live('keypress', function(e){
  if(e.keyCode == 13) {
    alert($(this).attr('value'));
    e.preventDefault();
    return false;
  }
});

Answer 5

私が知る限り、ページの更新は入力ボタンではなくフォームのデフォルト機能であるため、入力ではなくフォームのデフォルトを防止する必要があります。

次のようなもの：

$('#target').submit(function() {
  return false;
});