Question

我虽然返回false就足以取消链接操作，但显然不是。当我点击下面代码中的链接时，我会收到“点击”消息，这是预期的。但我最终还是google.com，这是出乎意料的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>Link test</title>
    <script>
        window.addEventListener('load', function () {
            document.getElementsByTagName('a')[0].addEventListener('click', function () {
                alert('click');
                return false;
            }, false);
        }, false);
    </script>
</head>
<body>
    <a href="http://www.google.com">google</a>
</body>
</html>

如何在点击链接时更改网址？纯JavaScript解决方案只是请，没有额外的库（如jQuery）。它只需要在FireFox 3+和Chrome中使用。

Answer 1

如果您不希望锚点上的网址更改位置，您可以尝试以下

document.getElementsByTagName('a')[0].addEventListener('click', function (e) {
            alert('click');
            e=e¦¦event; 
            e.preventDefault? e.preventDefault() : e.returnValue = false; 
        }, false);

如何取消链接操作？

1 个答案: