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


相关文章
|
6月前
|
JavaScript 前端开发
JavaScript DOM 操作:什么是事件委托(Event Delegation)?有什么优势?
JavaScript DOM 操作:什么是事件委托(Event Delegation)?有什么优势?
124 1
|
6月前
|
消息中间件 存储 前端开发
JavaScript高级主题:解释一下 JavaScript 中的事件循环(Event Loop)。
JavaScript高级主题:解释一下 JavaScript 中的事件循环(Event Loop)。
60 0
|
存储 JavaScript 前端开发
JS中return的用法
JS中return的用法
64 0
|
3月前
|
JavaScript
Vue.js 中的 $v 和 $event 代表什么?
Vue.js 中的 $v 和 $event 代表什么?
|
3月前
|
JavaScript 前端开发
JavaScript 函数中break,continue,return 的区别
JavaScript 函数中break,continue,return 的区别
35 0
|
4月前
|
JavaScript 前端开发 API
js 运行机制(含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop)
js 运行机制(含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop)
46 0
|
5月前
|
JavaScript 前端开发
JavaScript中那些值会被转换为false
JavaScript中那些值会被转换为false
46 0
|
6月前
|
前端开发 JavaScript
深入理解JavaScript的事件循环(Event Loop)
深入理解JavaScript的事件循环(Event Loop)
|
6月前
|
存储 JavaScript 前端开发
JS的执行原理,一文了解Event Loop事件循环、微任务、宏任务
了解JavaScript的事件循环和任务队列对于处理异步任务至关重要。事件循环由主线程和任务队列组成,当主线程执行完同步任务后,会检查任务队列,按顺序执行宏任务和微任务。宏任务包括`setTimeout`等,微任务如`Promise`的回调。在实际开发中,事件循环保证了代码的非阻塞执行,提高了用户体验。例如,`setTimeout`的回调会在当前宏任务结束后,所有微任务执行完才会执行。理解这一机制对于解决面试中的异步问题非常有帮助。
71 0
JS的执行原理,一文了解Event Loop事件循环、微任务、宏任务
|
6月前
|
JavaScript 前端开发
js开发:请解释什么是事件委托(event delegation),并给出一个示例。
事件委托是JavaScript中优化事件处理的技术,通过绑定事件处理器到共享的父元素,利用事件冒泡机制来处理子元素的事件。这种方法能提升性能、简化代码并降低内存消耗。示例展示了如何在父元素上监听`click`事件,然后通过`event.target`识别触发事件的具体子元素(如`&lt;li&gt;`),实现对动态生成列表项的点击事件处理。
49 1