开发者社区> 沉默王二> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

JavaScript event.preventDefault和return false

简介: 版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/48783833 我们都知道JavaScriptevent.preventDefault()可以用来阻止web元素的原始事件,比如说a标签如果有href属性,通常情况下,点击链接就会跳转,但是增加event.preventDefault()可以阻止连接的跳转。
+关注继续查看
版权声明:欢迎转载,请注明沉默王二原创。 https://blog.csdn.net/qing_gee/article/details/48783833

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

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

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

相关文章
js for循环 递归 return 失败
js for循环 递归 return 失败
0 0
js代码简化if判断,三元运算符与return
js代码简化if判断,三元运算符与return
0 0
JavaScript event.preventDefault和return false
JavaScript event.preventDefault和return false
0 0
js中return,return true,return false三者的用法及区别
return其实就是return undefined; 1.语法及返回方式 ①返回控制与函数结果         语法为:return 表达式;         语句结果函数的执行,返回调用函数,而且把表达式的值作为函数结果返回出去 ②返回控制无函数结果         语法为:return;         在大多数情况下,为事件处理函数如果让其返回false,可以防止默认的事件行为.
634 0
js 函数中的 return+匿名函数
今天一个刚学js的朋友给了我一段代码问为什么方法不执行,代码如下: 代码如下: function makefunc(x) {  return function (){   return x;  } } alert(makefunc(0));    结果是:function (){return x;}不是0 不是脚本写错了,只是没搞懂return,从当前函数退出,并从那个函数返回一个值。
499 0
js中return;、return true、return false;区别
js中return;、return true、return false;区别 一、返回控制与函数结果, 语法为:return 表达式; 语句结束函数执行,返回调用函数,而且把表达式的值作为函数的结果  二、返回控制, 无函数结果,语法为:return;  在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页.    Return False 就相当于终止符,Return True 就相当于执行符。
719 0
js fuction函数内return一个内部函数详解
今天在网上,看到一篇关于js函数难点的文章,js函数的一些难点。在那上面提了一下,关于js函数返回另一个函数的问题,并附上了一道面试题: [javascript] view plain copy var add = function(x){       var sum = 1;   ...
927 0
+关注
沉默王二
微信搜索「沉默王二」,回复关键字「00」获取硬核计算机基础资料。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载