如果执行了onclick，如何禁用HREF？

我有一个同时 设置HREF和ONCLICK属性的锚点。如果单击并启用了Javascript，我希望它仅执行ONCLICK和忽略HREF。同样，如果禁用或不支持Javascript，我希望它遵循HREFURL并忽略ONCLICK。以下是我正在执行的示例，该示例将执行JS并并发地跟随链接（通常是先执行JS，然后页面更改）：

<A HREF="http://example.com/no-js-login" ONCLICK="yes_js_login()">Log in</A>

最好的方法是什么？

我希望有一个Java脚本的答案，但我会接受任何可以使用的方法，只要它可以用PHP即可完成。我已经读过“ href链接已执行并在javascript onclick函数能够完成之前重定向页面 ”，但它只会延迟HREF，但不会完全禁用它。我也在寻找更简单的方法。

如果将return放在onclick属性中，则可以使用第一个未编辑的解决方案：

<a href="https://example.com/no-js-login" onclick="return yes_js_login();">Log in</a>

yes_js_login = function() {
     // Your code here
     return false;
}

示例：https：//jsfiddle.net/FXkgV/289/

    yes_js_login = function() {
         // Your code here
         return false;
    }

如果返回false，它将阻止默认操作（转到href）。

编辑：对不起，这似乎不起作用，您可以改为执行以下操作：

<a href="http://example.com/no-js-login" onclick="yes_js_login(); return false;">Link</a>

只需使用HTML preventDefault并在中传递eventHTML 即可禁用默认浏览器行为。

<a href=/foo onclick= yes_js_login(event)>Lorem ipsum</a>

yes_js_login = function(e) {
  e.preventDefault();
}

<a href="http://www.google.com" class="ignore-click">Test</a>

使用jQuery：

<script>
    $(".ignore-click").click(function(){
        return false;
    })
</script>

使用JavaScript

<script>
        for (var i = 0; i < document.getElementsByClassName("ignore-click").length; i++) {
            document.getElementsByClassName("ignore-click")[i].addEventListener('click', function (event) {
                event.preventDefault();
                return false;
            });
        }
</script>

您将类分配给.ignore-click任意数量的元素，而这些元素上的点击将被忽略

您可以使用以下简单代码：

<a href="" onclick="return false;">add new action</a><br>

如果传递这样的事件参数，则更简单：

<a href="#" onclick="yes_js_login(event);">link</a>

function yes_js_login(e) {
    e.stopImmediatePropagation();
}

这可能会有所帮助。 无需JQuery

<a href="../some-relative-link/file" 
onclick="this.href = 'https://docs.google.com/viewer?url='+this.href; this.onclick = '';" 
target="_blank">

此代码执行以下操作：将相对链接传递到Google Docs Viewer

1. 通过以下方式获取锚的完整链接版本 this.href
2. 在新窗口中打开链接。

因此，在您的情况下，这可能会起作用：

<a href="../some-relative-link/file" 
onclick="this.href = 'javascript:'+console.log('something has stopped the link'); " 
target="_blank">

我解决了以下情况：我需要为该元素提供模板的模板，该模板可以处理常规URL或javascript调用，其中js函数需要对调用元素的引用。在javascript中，“ this”仅在表单元素（例如按钮）的上下文中用作自引用。我不想要按钮，只是想要常规链接的外观。

例子：

<a onclick="http://blahblah" href="http://blahblah" target="_blank">A regular link</a>
<a onclick="javascript:myFunc($(this));return false" href="javascript:myFunc($(this));"  target="_blank">javascript with self reference</a>

href和onClick属性具有相同的值，例如，当它是JavaScript调用时，我会在onClick上附加“ return false”。在调用的函数中出现“ return false”不起作用。

这对我有用：

<a href="" onclick="return false;">Action</a>

就我而言，当用户单击“ a”元素时，我有一个条件。条件是：

如果其他部分的项目超过十个，则不应将用户重定向到其他页面。

如果其他部分的项目少于十个，则应将用户重定向到其他页面。

“ a”元素的功能取决于其他组件。click事件中的代码如下：

var elementsOtherSection = document.querySelectorAll("#vehicle-item").length;
if (elementsOtherSection> 10){
     return true;
}else{
     event.preventDefault();
     return false;
}