为什么“事件"在 Chrome 中全局可用,但在 FF 中不可用?
在解决另一个问题的答案时,出现了一个与 event
对象相关的奇怪错误,该对象可在匿名函数中使用而无需传入.在 Chrome 中,以下工作正常,但 FF 抛出一个错误.
While working on an answer for another question, a strange bug came up related to the event
object being available in an anonymous function without being passed in. In Chrome the below works fine, but FF throws an error.
$(document).ready(function() {
$("#uspsSideboxTrackingClose").click(function() {
event.preventDefault();
console.log(event);
});
});
铬:
火狐:
ReferenceError: 事件未定义
ReferenceError: event is not defined
<小时>
众所周知
It is already known that
$("#uspsSideboxTrackingClose").click(function(event) { .. }
适用于两种浏览器.这里 是有问题的代码.这是 Chrome 或 FF 的错误,还是两种浏览器的预期行为?哪个浏览器合适?
works in both browsers. Here is the offending code. Is this a bug with Chrome or FF, or intended behavior by both browsers? Which browser is right?
推荐答案
在IE中,事件对象是一个全局对象,(它不传递给处理函数)但作为一个全局对象访问.您还可以将其作为窗口对象的属性来访问,例如 window.event
In IE, the event object was a global object, (which is not passed to the handler function) but accessed as a global object. You can also access it as a property of the window object like window.event
在 FF 和其他浏览器中,事件对象作为参数传递,因为在 FF 中没有名为 event
的全局属性,因此您会收到错误消息.
In in FF and other browsers the event object was passed as an argument, since in FF there is no global property called event
, you are getting the error message.
在 chrome 中,他们添加了对这两个功能的支持,因此您将获取事件对象作为全局引用和参数.
In chrome they have added support for both these features, so you will get the event object as a global reference and as an argument.
但是由于您使用的是 jQuery,因此 jQuery 会规范化这两种行为,并将始终将事件对象作为参数传递给事件处理程序.
But since you are using jQuery, jQuery normalizes these 2 behaviors and will always pass the event object as an argument to the event handler.
$(document).ready(function () {
$("#uspsSideboxTrackingClose").click(function (event) {
event.preventDefault();
console.log(event);
});
});
相关文章