Question

如何使用提醒来阻止链接转到该页面？我一直想弄明白，但它还是把我送到了链接

  <!DOCTYPE HTML>
        <html>
        <head>
        <title>Do Not Click</title>
        <meta charset="UTF-8" />

        </head>
        <body>

        <script type="text/javascript">

        function confirm_alert(node) {

            return confirm("STOP CLICKING THE LINK");   
        }

        </script>
        <a href="www.yahoo.com" onclick="return confirm_alert(this);">Don't click link</a>



        </body>

        </html>

Answer 1

只需从confirm_alert函数返回false。

<!DOCTYPE HTML>
        <html>
        <head>
        <title>Do Not Click</title>
        <meta charset="UTF-8" />

        </head>
        <body>

        <script type="text/javascript">

        function confirm_alert(node) {

            confirm("STOP CLICKING THE LINK");  
            return false;
        }

        </script>
        <a href="www.yahoo.com" onclick="return confirm_alert(this);">Don't click link</a>



        </body>

        </html>

Answer 2

您可以传递参数event并执行函数.preventDefault()

<!DOCTYPE HTML>
<html>

<head>
  <title>Do Not Click</title>
  <meta charset="UTF-8" />
</head>
<body>
  <script type="text/javascript">
    function confirm_alert(node, e) {
      e.preventDefault();
      return confirm("STOP CLICKING THE LINK");
    }
  </script>
  <a href="www.yahoo.com" onclick="return confirm_alert(this, event);">Don't click link</a>
</body>
</html>

更好的方法是绑定事件点击：

document.querySelector('a').addEventListener('click', confirm_alert);

function confirm_alert(e) {
  e.preventDefault();
  return confirm("STOP CLICKING THE LINK");
}

<a href="www.yahoo.com">Don't click link</a>

Answer 3

将重定向放在js函数中。检查它以显示警报或转到网址。

这样的事情： window.location.href =“http://stackoverflow.com”;

不确定。没有测试过。

获取警报以停止链接

3 个答案: