javascript - 按钮 onclick 功能在功能执行后不必要地重新加载页面

Question

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

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

什么时候

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

已从此功能中删除，页面正在 Chrome 浏览器中重新加载。我正在使用 Jquery jquery - 1.9.1.js。请帮助！谢谢

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;
 }

我已经多次使用第一种方法，它总是对我有用。