JS 之 阻止事件冒泡,阻止默认事件,event.stopPropagation()和event.preventDefault(),return false的区别

news/2024/7/19 16:08:17 标签: js

在前端开发中,有时我们需要阻止冒泡和阻止默认事件的发生。
  一、event.stopPropagation()
  阻止事件的冒泡,不让事件向documen上蔓延,但是默认事件任然会执行,当调用这个方法的时候,如果点击一个连接,这个连接仍然会被打开。
  二、event.preventDefault()
  阻止默认事件的方法,调用此方法时,连接不会被打开,但是会发生冒泡,冒泡会传递到上一层的父元素;
  三、return false;
  这个方法比较暴力,会同时阻止事件冒泡也会阻止默认事件;写上此代码,连接不会被打开,事件也不会传递到上一层的父元素;可以理解为return
 false就等于同时调用了event.stopPropagation()和event.preventDefault()。


http://www.niftyadmin.cn/n/776162.html

相关文章

vue 事件修饰符(阻止默认行为和事件冒泡)

<!-- 停止冒泡 --> <button click.stop"doThis"></button> <!-- 阻止默认行为 --> <button click.prevent"doThis"></button> <!-- 阻止默认行为&#xff0c;没有表达式 --> <form submit.prevent></f…

Uncaught SyntaxError: Unexpected token u in JSON at position 0

这是因为某个地方用了JSON.parse&#xff0c;但是传入的参数不是一个合格的json字符串&#xff0c;也就是说后台可能返回了空或者undefined。 解决&#xff1a;搜索一下parse&#xff0c;解析前先判断一下parse里即将传入的内容

封装JS判断各种浏览器内核

function(){var u navigator.userAgent, app navigator.appVersion;return {trident: u.indexOf(Trident) > -1, //IE内核presto: u.indexOf(Presto) > -1, //opera内核webKit: u.indexOf(AppleWebKit) > -1, //苹果、谷歌内核gecko: u.indexOf(Gecko) > -1 &…

Cannot read property ‘resetFields‘ of undefined

可以发现&#xff0c;只要显示过一次dialog&#xff0c;后面就不会报错了。所以我可以确定是因为代码量过大&#xff0c;对应的对象来不及生成&#xff0c;从而导致了读取了空对象。 解决办法&#xff1a; resetForm(formName) {if (this.$refs[formName]!undefined) {this.$…

vue 日期格式化-将时间2020-11-10T12:01:50.942转换成2020-11-10 12:01

返回数据&#xff1a; 页面效果&#xff1a; 代码如下&#xff1a; dateFormat (Tue Mar 06 2012 00:00:00 GMT0800, yyyy-MM-dd);//示例 function dateFormat (time, format) {var t new Date(time)var tf function (i) {return (i < 10 ? 0 : ) i}return format.repl…

idea官网打不开的原因

1.之前安装过idea并且在使用过程中修改了hots文件 解决: a.进入Win或mac系统的hosts文件所在位置,一般都是这个地址:C:\Windows\System32\Drivers\etc (ps:如果你打开了后缀名显示,就去打开没有后缀名的文件 b.注释0.0.0.0 account.jebrains.com和0.0.0.0 www.jetbrains.com (p…

403?也许不只是前端问题

403&#xff1f;也许不只是前端问题 跟运维联调过程中&#xff0c;运维同学告诉我&#xff0c;请求服务时&#xff0c;接口判断源地址&#xff0c;本来是服务器&#xff0c;没有问题&#xff1b;但是你本地起了一个 proxy&#xff0c;所以就判断你本地 proxy 地址了 原理上根据…

vue devServer之proxy跨域

概念 什么是同源策略 同源策略是一种约定&#xff0c;它是浏览器最核心也最基本的安全功能&#xff0c;如果缺少了同源策略&#xff0c;则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的&#xff0c;浏览器只是针对同源策略的一种实现。 所谓同源是指…