阻止a标签默认跳转事件

最新推荐文章于 2024-06-29 14:37:38 发布

weixin_30266829

最新推荐文章于 2024-06-29 14:37:38 发布

阅读量245

点赞数

原文链接：http://www.cnblogs.com/huangqiming/p/5941137.html

版权

1：<a href="####"></a>

2：<a href="javascript:void(0)"></a>

3：<a href="javascript:void(null)"></a>

4：<a href="#" οnclick="return false"></a>

点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP（实际测试发现滚动条会滚到顶端）而以上四种方法仅仅表示一个死链接都表示是一个死链接不会跳转也不会返回到顶部.

转载于:https://www.cnblogs.com/huangqiming/p/5941137.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30266829

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

HTML面试题八：如何禁止a标签默认事件，禁止默认事件之后如何实现跳转？？this

m0_54249336的博客

02-09

541

文章目录HTML面试题八：如何禁止a标签默认事件，禁止默认事件之后如何实现跳转一. 如何禁止a标签默认事件1. 让href的内容为javascript:void(0)；或者 javascript:; HTML面试题八：如何禁止a标签默认事件，禁止默认事件之后如何实现跳转一. 如何禁止a标签默认事件 1. 让href的内容为javascript:void(0)；或者 javascript:; ...

JavaScript - WebAPI - 阻止a标签默认跳转

Henry_ID的博客

08-19

975

阻止a标签默认跳转 1.1-阻止a标签跳转两种常用方式默认情况下，点击a标签会跳转到一个新的网页，这叫做超链接某些情况下，我们只希望拿到a标签的样式（鼠标放上去有小手，用户很直观的知道这可以点击），而不希望跳转到新的网页这个时候我们就可以阻止a标签的跳转以下几种不需要死记硬背，实际开发习惯任何一种即可原理了解即可：第一种：给a标签添加点击事件，在点击事件中return false（建议使用，用于任意跳转a标签）第二种：给a标签的href属性设置一个伪链接（一般不用，用于页内跳转的a标签）

参与评论您还未登录，请先登录后发表或查看评论

阻止a标签跳转的方法

汪汪汪汪

02-29

2650

这个是最常用的方法，京东也是使用该方法，这里是的意思是这次点击又JavaScript处理，处理的方式是无/伪协议，如果我们后面写个alert() 就代表alert()处理，其次写其他也一样。总是跳转到当前页面顶部，当页面内容较多时，还是会有跳转的感觉。，直接做截断了，后面不会执行。阻止事件的默认行为，

js阻止a标签默认跳转

weixin_30294709的博客

12-06

596

函数： // 阻止默认跳转 function stopDefault( e ) { if ( e && e.preventDefault ) e.preventDefault(); else window.event.returnValue = false; ...

如何阻止a标签的默认行为（阻止跳转）

qq_41893334的博客

08-23

1717

点击如下标签会跳转到http://www.it666.com，但是如何让它不跳转呢？ <a href="http://www.it666.com">知播渔教育</a> 下面的做法可以阻止a标签的默认行为 1. let oA = document.querySelector('a'); oA.onclick = function(){ return false;//企业开...

a标签单击事件跳转

Lazy_G的博客

04-12

1534

<a id="updateCount" class="layui-btn layui-btn-radius layui-btn-normal" href="javascript:void(0)" onclick="updateItem(${item.value.id},${item.value.count})">修改</a> a标签单击事件后跳转 href要先设置无跳转再用 location.href 重写href跳转 function updateItem(itemId,c

A标签触发onclick事件而不跳转的多种解决方法

09-05

在这种情况下，我们需要采取措施来阻止A标签的默认跳转。以下是四种常见的解决方法： 1. **不用A标签，用CSS或JavaScript模拟**：如果不需要A标签的默认行为，我们可以完全不使用A标签，而是使用其他HTML元素（如...

js 阻止 a标签点击跳转的默认事件

06-01

要阻止 a 标签的默认跳转事件，可以使用 JavaScript 阻止默认事件的方法。可以通过给 a 标签添加 onclick 事件监听函数，在函数内部调用 event.preventDefault() 方法来阻止默认事件。代码如下： ```html <a href=...

javascript处理a标签超链接默认事件的方法

10-24

如果我们在`<a>`标签的`onclick`事件处理程序中调用`event.preventDefault()`，则可以阻止这一默认的页面跳转行为。以下是一个简单的例子，展示了如何使用`event.preventDefault()`： ```html <!DOCTYPE html> ...

在JS中a标签加入单击事件屏蔽href跳转页面

10-20

"` 这种方法在执行完js_method()后返回false，阻止了页面的默认跳转，使得页面保持在当前位置。淘宝主页使用了第二种方法，而阿里巴巴主页则采用了第一种，但他们的href中的javascript方法被try-catch包裹，以处理...

如何禁用a标签跳转页面或定位链接?

最新发布

canjava的博客

06-29

1355

要禁用标签的默认跳转页面或定位链接的行为，可以使用JavaScript来阻止这个默认行为。这通常是通过在标签上添加一个事件监听器来实现的，当点击事件发生时，阻止其默认行为。

阻止a链接href跳转的两种方式

lc20008的博客

09-15

3018

阻止a链接href跳转的两种方式用户在使用网站过程中，有时点击a链接后无感，造成多次频繁点击的问题，为了防止这类事件的发生，降低服务器的压力，考虑是否可以全站防止a链接多次被点击触发，想到两种方式，一种是组织鼠标的默认事件，另一种是阻止click的默认事件，通常情况下是第一次点击需要能触发，在一定的时间内不允许再次触发。1.通过修改鼠标的默认事件来阻止访问第一次点击给a加上 p

使用jq拦截a标签跳转，并实现自定义事件

12day的博客

08-10

309

3.浏览器点击测试，并实现了阻止跳转，弹起窗。现在点击网页跳转会跳转到百度首页。使用js阻止跳转（代码如下）创建一个a标签并引入jq。

JavaScript 之阻止 a 标签的默认跳转行为的三种方法

zhuangvi的博客

08-08

1万+

第一种：给 a 标签的 href 属性赋值 <a href="javascript: void(0)">跳转页面</a> 第二种：给 a 标签增加一个点击事件，并且return false <a id='aDom' href="http://baidu.com">跳转页面</a> let aDom = document.getElementById(); aDom.onclick = function(e){ retrun false; } 第三种：给

阻止a标签跳转的几种方法

GoldenLegs的博客

07-19

949

1.return false document.getElementsByTagName('a')[0].onclick=function(){ return false } 2.阻止默认事件 document.getElementsByTagName('a')[0].onclick=function(event){ event.preventDefault(); } 3.奇技淫巧...

阻止a标签的默认跳转事件

weixin_46019220的博客

01-05

454

代码里面看注释 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="images/1.gif" id="link"&...

阻止a标签跳转的5种方法