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.Please help！谢谢

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

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

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

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

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

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

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

2 个答案: