停止更改页面的属性的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