js事件处理程序return false ,preventDefault,returnValue

最新推荐文章于 2024-05-27 10:37:20 发布

weixin_30426957

最新推荐文章于 2024-05-27 10:37:20 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 面试 ViewUI

原文链接：http://www.cnblogs.com/Jamie1032797633/p/10566959.html

面试中常被问到如何阻止默认行为。《javascript权威指南》指出，取消事件默认操作有三种方法：属性注册的事件处理程序返回值为false；使用addEventListener()的浏览器调用事件对象的preventDefault()；IE9之前版本设置事件对象的returnValue为false。还分享了js事件思维导图链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

面试题目中，经常会被问到如何阻止默认行为。

以下是《javascript权威指南》书中的内容，详情可以去看书。

能够取消事件默认操作的方法有三种

1、属性注册的事件处理程序的返回值false能用于取消事件的浏览器默认操作；

2、使用addEventListener（）的浏览器，可以调用事件对象的preventDefault（）取消默认行为；

3、IE9之前的版本的可以设置事件对象的returnValue为false取消默认行为

function cancelHandler(event){
    //window.event是获取IE的事件对象
    var event = event||window.event;

    if(event.preventDefault) event.preventDefault();//DOM标准
    if(event.returnValue) event.returnValue=false;//IE浏览器
    return false;//用于处理使用对象属性注册的处理程序
}