将"return false"添加到click事件侦听器的效果是什么？

这是一个更强大的例程来取消所有浏览器中的默认行为和事件冒泡:

// Prevents event bubble up or any usage after this is called.
eventCancel = function (e)
{
    if (!e)
        if (window.event) e = window.event;
    else return;
    if (e.cancelBubble != null) e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
    if (e.preventDefault) e.preventDefault();
    if (window.event) e.returnValue = false;
    if (e.cancel != null) e.cancel = true;
}

如何在事件处理程序中使用它的示例:

// Handles the click event for each tab
Tabstrip.tabstripLinkElement_click = function (evt, context) 
{
    // Find the tabStrip element (we know it's the parent element of this link)
    var tabstripElement = this.parentNode;
    Tabstrip.showTabByLink(tabstripElement, this);
    return eventCancel(evt);
}

什么"回归虚假"真的在做什么？

return false实际上是在调用它时执行三个非常独立的事情:

event.preventDefault();

event.stopPropagation();

停止回调执行并在调用时立即返回.

有关更多信息,请参阅jquery-events-stop-misusing-return-false.

例如 :

单击此链接时,return false将取消浏览器的默认行为.

Click here !

从JavaScript事件中重新调整false通常会取消"默认"行为 - 在链接的情况下,它会告诉浏览器不遵循该链接.

我相信这会导致标准事件不会发生.

在您的示例中,浏览器不会尝试转到#.

返回false将在javascript运行后停止跟踪超链接.这对于优雅降级的不显眼的javascript非常有用 - 例如,您可以使用缩略图来使用javascript打开全尺寸图像的弹出窗口.当关闭javascript或中间单击图像(在新选项卡中打开)时,这将忽略onClick事件,并且通常只将图像打开为完整大小的图像.

如果未指定return false,则图像将启动弹出窗口并正常打开图像.有些人而不是使用return false使用javascript作为href属性,但这意味着当禁用javascript时,链接将不执行任何操作.

在onclick事件中使用return false会阻止浏览器处理执行堆栈的其余部分,其中包括跟随href属性中的链接.

换句话说,添加return false会阻止href工作.在您的示例中,这正是您想要的.

在按钮中,没有必要,因为onclick是它将要执行的全部 - 没有href要处理和转到.

返回false表示不采取默认操作，如果是，则默认操作是跟随链接。当您向onclick返回false时，href将被忽略。