下面是一个更健壮的例程，可以取消所有浏览器中的默认行为和事件冒泡:

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

我的html页面上有这个链接:

<a href = "" 
onclick = "setBodyHtml ('new content'); return false; "
> click here </a>

函数setBodyHtml()被定义为:

function setBodyHtml (s)
{ document.body.innerHTML = s;
}

当我点击链接，链接消失，文本显示在浏览器中 更改“新内容”。

但是如果我从我的链接中删除“false”，点击链接(似乎)什么都没有。为什么呢?

这是因为如果我不返回false，点击链接并显示其目标页面的默认行为就会发生，不会取消。但是，这里超链接的href是“”，所以它链接回相同的当前页面。因此，页面实际上只是被刷新，似乎什么也没有发生。

在后台，函数setBodyHtml()仍然被执行。它将参数赋值给body.innerHTML。但是由于页面会立即刷新/重新加载，修改后的主体内容可能不会在几毫秒内保持可见，所以我不会看到它。

这个例子说明了为什么有时使用“return false”是有用的。

我确实想给这个链接赋值somehref，这样它就会显示为一个链接，作为带下划线的文本。但我不希望点击链接只是有效地重新加载页面。我希望默认的navigation=行为被取消，并且调用我的函数所引起的任何副作用都保持有效。因此，我必须“返回false”。

上面的例子是您在开发过程中可以快速尝试的。对于生产，您更可能在JavaScript中分配一个点击处理程序，并调用preventDefault()。但是对于一个快速的尝试，上面的“return false”就可以了。

我相信它会导致标准事件不发生。

在你的例子中，浏览器不会尝试转到#。

返回false表示不采取默认操作，在<a href>的情况下，默认操作是遵循链接。当你对onclick返回false时，href将被忽略。

在onclick事件中使用return false将阻止浏览器处理执行堆栈的其余部分，包括遵循href属性中的链接。

换句话说，添加return false会使href停止工作。在你的例子中，这正是你想要的。

在按钮中，这是不必要的，因为onclick是它将执行的所有操作——没有href来处理和前往。

从JavaScript事件中返回false通常会取消“默认”行为——在链接的情况下，它告诉浏览器不要跟踪该链接。