栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

单击触发JavaScript的链接时,如何阻止网页滚动到顶部?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

单击触发JavaScript的链接时,如何阻止网页滚动到顶部?

您需要防止发生click事件的默认操作(即,导航到链接目标)。

有两种方法可以做到这一点。

选项1:
event.preventDefault()

调用

.preventDefault()
传递给处理程序的事件对象的方法。如果您使用jQuery绑定处理程序,则该事件将是的实例,
jQuery.Event
并且将是的jQuery版本
.preventDefault()
。如果您
addEventListener
用于绑定处理程序,它将是
Event
和的原始DOM版本
.preventDefault()
。两种方式都可以满足您的需求。

例子:

$('#ma_link').click(function($e) {    $e.preventDefault();    doSomething();});document.getElementById('#ma_link').addEventListener('click', function (e) {    e.preventDefault();    doSomething();})

选项2:
return false;

在jQuery中:

从事件处理程序返回false将自动调用event.stopPropagation()和event.preventDefault()

因此,使用jQuery,您可以选择使用这种方法来防止默认链接行为:

$('#ma_link').click(function(e) {     doSomething();     return false;});

如果您使用的是原始DOM事件,那么这也将在现代浏览器中起作用,因为HTML
5规范规定了这种行为。但是,该规范的较旧版本却没有,因此,如果需要与较旧浏览器的最大兼容性,则应

.preventDefault()
显式调用。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432265.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号