a标签js阻止跳转_前端笔试知识点：阻止冒泡

我们先来看一道BOSS直聘上面的选择题：

你知道这道题选什么吗？

没错，选D

如果你知道选D的原因，那你就不用往下面看了，节约你宝贵的时间；

如果你不知道，那么你就要了解一个JS的知识点：

阻止冒泡：

众所周知：当点击了一个元素，这个元素的所有祖先元素都会被触发，这一过程称之为事件冒泡。

阻止冒泡有三种方法：

1 event.stopPropagation()方法：阻止事件的冒泡，但是默认的事件仍然会执行(比如a标签里面有网页链接，那么点击时就会自动跳转到网页)

2 event.preventDefault()方法： 阻止默认事件的发生，但是会冒泡,所以说不能阻止冒泡

3 return false 即阻止冒泡又阻止默认事件的发生

比如：

a.onclick=function(){alert("被点击了");return false;}

4 Vue中 .stop能阻止事件的冒泡

如：

on:click.stop="do This">

以上是本篇文章的全部内容

求点赞、求关注，本人经常更新，内容超短，每天三分钟带你深入前端、记住知识点、巩固基础，搞定笔试、面试！

a标签js阻止跳转_前端笔试知识点：阻止冒泡相关推荐

a标签href不跳转_[网页编程]-06 HTML5 超链接标签
超链接的作用实际上就是为实现页面跳转功能以及锚点功能(跳转到当前页面的顶部和尾部或设定的位置) 测试代码 <!DOCTYPE html> <html><head>& ...
a标签js阻止跳转_阻止点击a标签链接跳转
我们常用的在a标签中有点击事件(链接),其中"href"参数只要不为空,点击该链接时,页面会自动跳转:如果指定的"href"不合法,页面会跳转到自身,也就是刷新 ...
chrome vue.js插件文档_前端开发者必备的40个VSCode插件！
前言:俗话说"君欲善其事,必先利其器."笔者也使用VScode开发有一段时间了,不得不说,VSCode是我目前用到的众多开发工具中最好使用的一款.当然这些功能大多得归功于VSCod ...
js打印到控制台_前端JS，8个问题测试你真的懂吗（高频面试题，附答案）
为了保证的可读性,本文采用意译而非直译. JavaScript 是一种有趣的语言,我们都喜欢它,因为它的性质.浏览器是JavaScript的主要运行的地方,两者在我们的服务中协同工作.JS有一些概念, ...
js br不生效_前端标注工具-AILabel.js
# AILabel.js 背景:在前端开发过程中难免遇到针对图片的缩放平移:以及在图片上进行矢量数据.文本.标注的展示:如果你有上面的任何需求,恭喜你,找到组织了....<br/> 在此背 ...
java后端和js后端的区别_前端开发和后端开发有什么区别?
展开全部一.定义不同前端32313133353236313431303231363533e4b893e5b19e31333433656161是什么前端即网站前台部分,运行在PC端,移动端等浏览器 ...
在vscode运行js 输出会合并_前端系列——JS的运行与输出
问题: JS如何被运行? JS运行后如何输出结果? 回答: 1--解答:JS的运行有两种方式,第一种是把代码放到浏览器中,让浏览器内核来渲染解析:第二种是基于NODE,NODE也是一种基于V8引擎的渲 ...
js获取微信号_前端js可以直接获取到微信用户基本信息吗
网页授权获取用户基本信息如果用户在微信客户端中访问第三方网页,公众号可以通过微信网页授权机制,来获取用户基本信息,进而实现业务逻辑. 网页授权的两种scope的区别说明 1.以snsapi_base ...
js map对象遍历_前端测试题:有关于js中跨域请求的说法，错误的是？
考核内容:javascript 跨域的使用题发散度: ★ 试题难度: ★ 解题思路: 什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的. 什么是同源策略? 同源 ...

a标签js阻止跳转_前端笔试知识点：阻止冒泡

a标签js阻止跳转_前端笔试知识点：阻止冒泡相关推荐

最新文章

热门文章