jquery - 停止页面重新加载

Question

我有Textbox和Button(下一个和上一个)显示在Lightbox.当前我的页面在单击Enter键时重新加载.我不希望这种情况发生.

我想要的是,当我单击Enter键时,应单击"下一步"按钮,而不会重新加载灯箱后面的页面重新加载.

我用下面的代码,但都reload和click下一步按钮正在发生:

$("input").bind('keyup', function(event){
    if(event.keyCode == 13){
        $("#nextbtn").trigger('click');
    }
    event.preventDefault();
    return false;
});

Answer 1

确保您的输入按钮是按钮类型而不是提交

<input type='button'>

然后尝试这个,如果keycode是13,那么它将调用nextbtn click事件,然后调整false,以便它不会加载回来.

$("input").bind('keyup', function(event){ 
  if(event.keyCode == 13){ 
      $("#nextbtn").click(); 
      return false;
  }
});