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,此时登出标签既不会发生页面之间的跳转,也不会向服务端发送请求。

笑对现实的无奈,不能后退的时候,不再傍徨的时候,永远向前 路一直都在──陈奕迅《路一直都在》
本文出自:【沉默王二的博客

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

沉默王二

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值