如何防止在单击代码中的链接时,此链接会将我带到引用的页面
How do I prevent that when the link in the code is clicked this link takes me to the page that makes reference
我找到了这段代码
<body>
<div id="div1">
What is 2+2?
</div>
<div id="div2">
<a href="answerswer.html" id="answerswer_link">Get the answer</a>
</div>
</body>
然后是JavaScript
var d1 = document.getElementById("div1");
var a_link = document.getElementById("answerswer_link");
a_link.onclick = function()
{
d1.innerHTML = "That is easy, the answer is <strong>4</strong>!";
return false;
};
所以这段代码有效,因为它改变了div1 中的内部 HTML并且不加载链接引用的页面,但如果我想使用事件侦听器怎么办?我写这个
a_link.addEventListener( 'click', function(){
d1.innerHTML = "That is easy, the answer is <strong>4</strong>!";
return false;
}, false);
但它不会阻止链接加载引用 我如何使用与上面一小段代码相同的事件侦听器?
对普通浏览器使用 e.preventDefault()
,在较旧的 IE 浏览器中使用 event.returnValue
:
aLink.addEventListener( 'click', function(e){
d1.innerHTML = "That is easy, the answer is <strong>4</strong>!";
if (e && e.preventDefault) {
e.preventDefault();
} else {
window.event.returnValue = false; // guess who - IE
}
}, false);
实际上,旧版本的IE甚至不支持addEventListener()
,因此仅当您与attachEvent()
使用相同的回调函数时,才需要代码的IE部分addEventListener()
就像我一样。
你试过prevenDefault
吗? 这可能有助于您控制点击事件的功能。
此处的文档 - https://developer.mozilla.org/en/DOM/event.preventDefault
此外,在您的代码中。 您可以从引用名为 a_link
的 var 和名为 aLink
的 var 来引用 <a>
标记。 这是拼写错误还是只是实现中的更改?
如果您不打算加载锚点,为什么还需要 URL?你不能只使用"#"或其他东西吗?
相关文章:
- 什么's使用链接和脚本标记引用JavaScript源之间的区别
- 当链接中引用视频时,是否可以在iPad上以全屏模式打开.mp4
- 全球不断改变价值.可能通过引用或范围问题传递?帮助!链接中的详细示例
- 使用 JavaScript 引用按钮的超链接
- 如何使用 ahref 链接引用另一个页面 ID
- 将链接引用包装为 AjaxCall with Javascript
- JavaScript 通过引用/链接/等更改对象值
- 随机引用超链接脚本
- 我可以选择链接引用的 id 吗?
- 在添加之前检查是否存在 css 引用链接
- 为什么每次单击空链接时都会引用我的页面
- 分离的DOM树被引用为本机链接
- 如何防止在单击代码中的链接时,此链接会将我带到引用的页面
- 如何更改引用链接
- 用户控制上的链接在同一页面中被多次引用
- 如何将引用传递到GWT主页面的javascript链接
- 解析.当深度链接时,路由器无法找到引用文件
- 使用jquery,当我点击一个链接时,我怎么能引用它上面的选择下拉菜单呢?
- 让页面上的所有链接/引用指向其他地方
- Javascript:使用span文本作为引用,单击页面上的链接