按钮onclick函数在函数执行后不必要地重新加载页面

Question

这是一个onclick按钮，它调用一个函数。在函数执行后单击此按钮时，页面将在firefox浏览器中重新加载。

<button id="next" class="submit" type="submit" onclick="onNextEvent()" return false;>Next</button>

什么时候

event.stopImmediatePropagation();
event.preventDefault();

我正在使用Jquery jquery - 1.9.1.js.Please帮助！谢谢！

function onNextEvent() {
    event.stopImmediatePropagation();
    event.preventDefault();
    if ($('.current').hasClass('first')) {
        $('.current').removeClass('current').hide()
            .next().show().addClass('current');
        $('#prev').show();
        $('#prev').attr('disabled', null);
        $('#skip').show();
        return;
    }
}

Answer 1

试试这个：

function onNextEvent(event) 
{   
   event.preventDefault();

/* Rest of code */ 

或

function onNextEvent(event) 
{   
   event.stopImmediatePropagation();

/* Rest of code */ 

Answer 2

return false语句应该与onclick一起实现，如下所示：

<button onclick="onNextEvent(); return false;">

或者，调用的函数可以返回false：

 function onNextEvent() {
    //function code
    return false;
 }

我已经使用第一种方法好几次了，它总是对我有效。