Question

我想问一下。我有一个元素

<a href='...' data-href='...'>

问题是在单击此元素后阻止页面重定向，但仍然能够通过onClick操作运行JavaScript函数。我试图设置

pointer-events: none;

在我的CSS中，但这会阻止我的元素来自onClick操作。

有人知道如何解决这个问题吗？

Answer 1

如果我理解，您希望阻止该链接关注该网址。

如果是这种情况，你可以给它一个id

    <a id="myLink" href="...">...</a>

然后使用javascript

控制事件

    <script>
            document.getElementById("myLink").addEventListener("click",function(event){
                 event.preventDefault();
                 /* your code here */
            });
    </script>

更多信息：http://www.w3schools.com/jsref/event_preventdefault.asp

Answer 2

顾名思义

preventDefault()功能完全符合您的需求。这里有一个很好的解释函数的作用 - preventDefault()

您可以通过以下任一方法使用它： -

在JS档案中

elem.on('click', function(e){
  e.preventDefault();
});

在HTML中

<a href='...' data-href='...' onclick='$event.preventDefault()'>

单击选择器后阻止页面刷新，但能够运行脚本

2 个答案: