停止更改頁面的屬性的href

Question

我的問題是，我正在使用Ajax加載頁面，因此，當我單擊鏈接時，我不希望href更改頁面，但是，如果我網站上的用戶想要將鏈接復制到該頁面，我仍然希望它起作用。 因此，我不想擺脫href。 我有什么選擇？

當前代碼：

<html>
<head>

</head>
<body>
  <a href="bar.html" id='click'>Click to change url to bar.html</a>
</body>
<script type="text/javascript">
  var stateObj = { foo: "bar" };
  function change_my_url() {
   history.pushState(stateObj, "page 2", "bar.html");
  }
  var link = document.getElementById('click');
  link.addEventListener('click', change_my_url, false);
</script>
</html>

Answer 1

您可以在<a>標記的click函數中使用event.preventDefault 。

var elems = document.querySelectorAll('.myDisabledLink');

for (var i=0; i<elems.length; ++i) {
  addClickFunc(elems[i], i);
}

function addClickFunc(elem, i) {
  elem.addEventListener('click', function(event) {
    event.preventDefault();
    console.log(elem.href);
    //do whatever else you need to do.
  });
}

現場演示（單擊）。

我使用的示例標記：

<a href="some/place" class="myDisabledLink">Click me!</a>
<a href="a/link" class="myDisabledLink">Click me!</a>
<a href="another/link" class="myDisabledLink">Click me!</a>

停止更改頁面的屬性的href

問題描述

1 個解決方案

解決方案1
0 已采納 2014-01-15 02:14:30

停止更改頁面的屬性的href

問題描述

1 個解決方案

解決方案1 0 已采納 2014-01-15 02:14:30

解決方案1
0 已采納 2014-01-15 02:14:30