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

Question

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

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

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

pointer-events: none;

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

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

Answer 1

据我了解，您想阻止链接跟随 url。

如果是这种情况你可以给它一个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