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

最新推荐文章于 2021-12-05 19:34:14 发布
最新推荐文章于 2021-12-05 19:34:14 发布
阅读量506 收藏
点赞数
分类专栏： HTML面试题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_54249336/article/details/113769940
版权

文章目录

一. 如何禁止a标签默认事件

（1）改变a标签中href属性

  • 令href = “javascript:void(0);” ：代表执行一段空的javascript代码，所以什么也不执行
  • 令href=“javascript:;”：代表执行一段空的javascript代码，所以什么也不执行
  • 令href="#"：一般不使用#，因为会导致点击后页面会返回到顶部，可用##，#！
<a href="#" οnclick="myjs()">百度</a> <!--不可行（执行js函数后页面会返回到顶部）-->
<a href="##" οnclick="myjs()">百度1</a> <!--测试未发现问题-->
<a href="#!" οnclick="myjs()">
最低0.47元/天 解锁文章
@HongLi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
react-react面试题之事件绑定方式.zip
03-20
react面试题 react_react面试题之事件绑定方式
面试题：Vue.js 中的双向数据绑定是如何实现的？
02-16
Vue.js 中的双向数据绑定是如何实现的？ Vue.js 中的双向数据绑定是通过使用“v-model”指令实现的。这个指令能够在表单元素（如 input、textarea、select）上创建双向数据绑定
全面阻止事件默认行为后a标签的跳转
youhebuke225的博客
06-25 655
全面阻止事件行为 当我们全面禁止事件默认行为的时候，在移动端a标签是无法进行跳转的 在谷歌移动端模拟器中可以跳转 <a href="http://www.baidu.com">百度一下</a> <a href="http://www.baidu.com">百度一下</a> <a href="http://www.baidu.com">百度一下</a> <a href="http://www.baidu.com">百度一
由a标签点击事件引发的IE8翻车事故
weixin_33875564的博客
03-05 125
起因 对于a标签的点击事件，也许我们早已习惯href="javascript:void(0);"这样去写，之后绑定click事件来处理，但今天在IE8浏览器下某个页面遇到了很诡异的问题。如果我们点击了某个这个a标签，JavaScript中的点击事件执行之后，页面中的input使用$('input').val()等就取不到值了，使用$('f...
禁用a标签的单击事件响应
Elltor
08-24 2056
a标签默认有各种状态，例如：光标悬浮在a标签上时（hover）、光标按下时（active）、光标按下后即访问过（visited）、默认状态（link），a标签默认能响应鼠标单击，当光标单击是默认打开href中的链接。因为a标签特殊状态以及可以响应单击事件的原因，在js中使用onclick事件时会无效或造成标签闪烁，如果不取消a表签的单击事件，在单击a标签时、单击a标签后文字都会显示不同的颜色，这颜...
[html] a标签的默认事件禁用后，如何实现跳转？
歌谣的博客
03-20 397
[html] a标签的默认事件禁用后，如何实现跳转？ 给a标签添加点击事件利用 location.href 进行跳转 个人简介 我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易， 但坚持一定很酷。欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题 ...
阻止a标签的默认跳转事件
weixin_46019220的博客
01-05 427
代码里面看注释 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="images/1.gif" id="link"&...
Vue事件修饰符，.capture @click、事件修饰符@click.stop与@click.prevent、按键修饰符@keyup.enter
以爱护甲,爱满枫林。
10-21 1024
.prevent 用于阻止默认事件，点击a标签href可以打开相应的链接，那么给事件加 上此关键字，click.prevent .capture 冒泡顺序 例如 div1中嵌套div2中嵌套div3 <div id="app" v-on:click="show"> 1 <div id="app2" v-on:click.capture="show2"> 2 ...
a标签的默认事件和脚本事件的执行顺序
weixin_34187822的博客
07-10 196
最近看到朋友圈的一位朋友圈发了一个技术的段子，朋友圈的大概内容已被友人删掉，找不回原图，段子大概如下： <a href="javascript:alert('已清除');">清空</a> 底下的评论都在开喷说，那是他们看过最屌的代码，嘲笑说公司外包人员写的代码的质量。 于是我在想，那么这段代码和脚本代码结合起来到底...
怎么样阻止a标签的默认行为
MOLIILOM的专栏
05-21 2963
在我们项目中，有很多a标签当按钮使用的场景，每当点击这些“按钮“进行操作时，总会调到页面顶部，印象中可以使用return false来解决，但加到onclick属性的js函数里并没有效果，必须放在js函数后面才可以，今天无意中看到了，原来是js里的坑。截图如下，点击查看出处。 那么如何正确地阻止a标签的默认行为呢？ 一般而言，有几种方案： href属性设置为 ja
你真的懂大厂面试题：HashMap吗？
12-21
你真的懂大厂面试题：HashMap吗？ jdk1.8版本HashMap HashMap基本数据结构 hashMap是数组+链表或者数组+红黑树的结构,如下图 以HashMap的put方法和get方法为出发点，从源码角度，阐述面试的知识点 HashMap中元素被...
Android面试题-Activity A跳转Activity B，再按返回键，生命周期执行的顺序？
01-03
最近在准备面试，碰到这一题 Activity A跳转Activity B，再按返回键，A、B的生命周期执行顺序是什么？ 当听到这个题目的时候，我得意地笑了笑，对于Activity的生命周期已经记熟的我，心想，为什么不直接问Activity...
面试题解析：如何估算煎饼摊大妈一个月的收入？.pdf
05-18
面试题解析：如何估算煎饼摊大妈一个月的收入？.pdf
前端开发，JavaScript实际开发过程中常用JS小技巧
MaybyYouLove的博客
12-05 1525
1.JS 阻止‘a’标签默认事件 //阻止a标签默认事件 var evt = evtwindow.event;/获取event对象 if (evt.preventDefault) { evt.preventDefault(;//非IE浏览器 } else { evt.returnValue =false;//IE低版本 } 2.JS 判断当前是苹果系统还是安卓系统 if (/iPhone/.test(navigator.userAgent)){ $(".btn:last").attr("href"
JavaScript 取消默认事件、阻止事件冒泡的方法
编程界明世隐的博客
12-16 1411
首先页面上创建一个a标签：<a href="#" onclick="do_Click()">默认事件</a> 然后给body加一个点击事件： document.body.onclick=function(){ alert('body'); } 当我点击这个a标签的时候会有两个我们不想发生的事情： 1.浏览器地址尾部出现 # 号，这是a标签的默认事件。 2.alert('body'); 被执行了，这是事件冒泡。 针对这两个有专门的控制方...
阻止a标签跳转的默认行为
热门推荐
AdleyTales的技术博客
11-03 1万+
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href="http://www.baidu.com/" id="aaa">跳转到百度</a> <script type="text/javascript"> document.getElementById('aaa').onclick
如何阻止a标签跳转及还原默认跳转事件
blackcat88的博客
03-25 1561
两件事：一件是阻止跳转，一件是恢复跳转。 1、先看下如何阻止跳转的一种方法，绑定click事件： $("a").click(function(e){ e.preventDefault(); }) 此时，页面中所有a标签，点击事件失效。 2、使某个a标签还原默认事件： $("a").attr("href","xx.html"); $("a").unbin...
阻止超链接跳转
weixin_33797791的博客
12-23 278
1.链接的onclick事件被先执行，其次是href属性下的动作（页面跳转，或javascript伪链接）； 2.假设链接中同时存在href与onclick，如果想让href属性下的动作不执行，onclick必须得到一个false的返值； 3.如果页面过长有滚动条，且希望通过链接的onclick事件执行操作。应将它的href属性设为javascript:void(0);，而...
HTML面试题七：b标签和strong标签，i标签和em标签的区别
m0_54249336的博客
02-09 2665
文章目录HTML面试题七：strong和b标签，em和i标签的区别1. strong和b标签的区别 HTML面试题七：strong和b标签，em和i标签的区别 1. strong和b标签的区别 b标签：仅仅只是给文字添加了加粗样式
面试题4：StringBuilder 和 StringBuffer 之间区别 ？ 使用场景 ？
最新发布
03-11
StringBuilder 和 StringBuffer 都是用来处理字符串的类，它们的主要区别在于线程安全性和性能。StringBuffer 是线程安全的，而 StringBuilder 则不是。因此，在多线程环境下，应该使用 StringBuffer，而在单线程环境下，建议使用 StringBuilder，因为 StringBuilder 的性能更好。使用场景包括字符串拼接、字符串反转等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值