JavaScript event.preventDefault和return false-阿里云开发者社区

开发者社区> 沉默王二> 正文

JavaScript event.preventDefault和return false

简介: JavaScript event.preventDefault和return false
+关注继续查看

我们都知道JavaScriptevent.preventDefault()可以用来阻止web元素的原始事件,比如说a标签如果有href属性,通常情况下,点击链接就会跳转,但是增加event.preventDefault()可以阻止连接的跳转。但是我们往往会忽略return false。


event.preventDefault()的背后


这是一个a标签,为了不让你根据href跳转,就加了“event.preventDefault();”


<a href="${ctx}/mem/logout" id="aaa" style="padding: 0 6px;">退出</a>
<script>
$(function() {
    $("#aaa").click(function(event){
        event.preventDefault();
    })
})
</script>
public void logout() {
        logger.info("进行会员登出操作...");


通常情况下,我们不需要退出标签还可以向服务端发送请求信息。但是上面这串代码在执行的过程中,logger会输出”进行会员登出操作…”的信息,这说明什么呢,event.preventDefault()只是表象操作阻止,但背后的请求依然会执行。


return false
$(function() {
    $("#aaa").click(function(event){
        return false;
    })
})


假如我们把event.preventDefault()代码替换为return false,此时登出标签既不会发生页面之间的跳转,也不会向服务端发送请求。


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
云服务器ECS首次使用体验
自我简介,在阿里云官网参与飞天加速计划,在校大学生免费领取为期两周的服务器,阿里云ECS的使用攻略,实现了文章图片上传功能,云服务器ECS使用期间的收获和总结,以及自己对未来的展望。
25 0
最好用的 7 款 Vue admin 后台管理系统测评
Vue admin 后台管理系统作为每个项目必备的管理后台,对大家来说十分重要。选不好,配不好,不仅现在用着抓狂,未来迭代升级也困难重重,步步是坑。所以在技术选型阶段,就要对市面上主流的 Vue admin 做到全面了解,知道他们的优缺点,再根据自己项目的需求,有针对性的选择。我试用了市面上所有主流 Vue admin 都 npm 到本地测了一遍,筛掉长期不更新,bug 明显,社区活跃度低,功能单一的 admin 后台,把最好、最有特点的 7 款 Vue admin 挑出来,分享给大家。这些后台各有各的特点,有些功能多样,但整体很重;有些虽然稳定,但上线年头久远,含有大量陈旧功能;有些功能
21 0
不要再封装各种 Util 工具类了,这个神级框架值得拥有!
Hutool 谐音 “糊涂”,寓意追求 “万事都作糊涂观,无所谓失,无所谓得” 的境界。 Hutool 是一个 Java 工具包,也只是一个工具包,它帮助我们简化每一行代码,减少每一个方法,让 Java 语言也可以 “甜甜的”。Hutool 最初是我项目中 “util” 包的一个整理,后来慢慢积累并加入更多非业务相关功能,并广泛学习其它开源项目精髓,经过自己整理修改,最终形成丰富的开源工具集。(FROM 自作者简介)
5 0
小程序的开发之使用SVG
昨天突然提出要在小程序中使用SVG,因为我们的小程序项目是有主题色的。不同的主题色时有些图片一直是固定的,显的有些格格不入,所以打算使用SVG来实现根据主题色的颜色进行变化。
17 0
你还在用命令看日志?快用 Kibana 吧,一张图片胜过千万行日志!
Kibana是一个开源的分析和可视化平台,设计用于和Elasticsearch一起工作。 你用Kibana来搜索,查看,并和存储在Elasticsearch索引中的数据进行交互。
5 0
Windows 下 Node.js 的安装图文教程
Windows 下 Node.js 的安装图文教程
20 0
为什么要放弃 JSP ?
以前的项目大多数都是Java程序猿又当爹又当妈,既搞前,又搞后端。 随着时代的发展,渐渐的许多大中小公司开始把前后端的界限分的越来越明确,前端工程师只负责前端的事情,后端工程师只管后端的事情。正所谓术业有专攻,一个人如果什么都会,那么每一样都很难达到精通。
6 0
RPC 实现以及相关学习
我们即希望能够敏捷开发,不做重复的劳动,用别人的势能赋能自己;又要成为一名能够赋能别人的人,拥有自身的势能。
10 0
利用 docsify 免费搭建自己的文档类型网站
利用 docsify 免费搭建自己的文档类型网站
7 0
API 接口的安全设计验证:ticket,签名,时间戳
概述 与前端对接的API接口,如果被第三方抓包并进行恶意篡改参数,可能会导致数据泄露,甚至会被篡改数据,我主要围绕时间戳,token,签名三个部分来保证API接口的安全性
19 0
+关注
沉默王二
微信搜索「沉默王二」,回复关键字「00」获取硬核计算机基础资料。
1084
文章
0
问答
文章排行榜
最热
最新