javascript - 如何在屏幕上保持弹出模式的同时停止导航？

Question

在我的页面上，我有一个按钮对象声明如下。

<a class="button class" href="www.sometargeturl.com" onclick="makevisibile()">

javascript makevisible()函数只是生成一个 <div>标签可见，然后就像一个模态弹出窗口。

当用户点击按钮时，将显示弹出窗口，但一秒钟后用户将导航到 sometargeturl.com。我想要的是弹出窗口停止导航过程，直到用户将其关闭或在其外部单击，然后我才希望继续导航。

这是否可以通过纯 html/css 和 javascript 实现，还是我必须使用一些花哨的框架？

干杯， 鲍勃

Answer 1

您需要使用 return false; 来阻止默认操作:

<a class="button class" href="www.sometargeturl.com" onclick="makevisibile();return false;">

或者将 return false 作为 makevisible() 函数的最后一行:

<a class="button class" href="www.sometargeturl.com" onclick="return makevisibile();">

function makevisibile(){
    // ....
    return false;
}