$('#eventBtn').on('click',function() { console.log(event); event.preventDefault(); });
在Chrome,Opera和Safari中,上述代码可以正常工作. IE在第二行失败,Firefox会立即失败.为了测试目的,我创建了一个稍微更加点缀的jsFiddle.以上console.log(event)在各种浏览器中的输出:@H_403_5@
Chrome Version 26.0.1410.64 m
MouseEvent {dataTransfer: null,toElement: button#superBtn,fromElement: null,
y: 20,x: 33…}@H_403_5@Opera Version 12.15
MouseEvent@H_403_5@Safari Version 6.0.2 (8536.26.17)
MouseEvent@H_403_5@IE Version 10.0.9200.16540
[object MSEventObj]@H_403_5@Firefox Version 20.0.1
ReferenceError: event is not defined@H_403_5@
我受到Chrome,Opera和Safari的这个“功能”的影响,因为它的工作原理不是在其他浏览器中创建意外的行为.虽然IE还有一个全局事件变量,但与上述浏览器不同,它不会将该变量分配给当前正在触发的事件. Firefox没有全局事件变量,因此一旦引用事件就会失败.@H_403_5@
通常我使用e表示事件变量,如预期的那样在所有浏览器中都会失败.为什么Chrome,Opera和Safari具有这样分配的全局事件变量?这个行为是否记录在某个地方?除了不要使用事件变量命名任何建议来处理这个“功能”?@H_403_5@