點擊選擇器可以防止頁面刷新，但能夠運行腳本

我想問一下。我有一個元素點擊選擇器可以防止頁面刷新，但能夠運行腳本

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

的問題是防止頁面重定向單擊此元素之後，但仍然可以通過的onClick動作運行JavaScript功能。我試圖設置

pointer-events: none;

在我的CSS

，但是這阻止了來自行動的onClick我的元素。

有沒有人有任何想法如何解決這個問題？

來源

2016-09-12 Kamil Štangelj

[如何防止錨定標記上的默認值？]（http：// stackove rflow.com/questions/10931315/how-to-preventdefault-on-anchor-tags） – Roberrrt

如果我明白，你想阻止鏈接跟隨網址。

如果是這樣的話，你可以給它一個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

來源

2016-09-12 08:59:05 VeVeVez

就是這樣！謝謝你們快速回答！ <3 –

不客氣！ – VeVeVez

preventDefault()功能顧名思義完全符合你的要求。這裏的功能是什麼一個很好的解釋 - preventDefault()

您可以通過方法使用如下圖所示： -

在JS文件

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

在HTML本身

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

來源

2016-09-12 09:00:32

點擊選擇器可以防止頁面刷新，但能夠運行腳本

回答

相關問題