Javascript关闭范围问题

Question

我想获取对单元格的引用，它看起来为空。如果我正确理解它，我应该能够引用该变量。正确？

$('td[someAttr]').mouseenter(function(cell) { 
    var timeoutId = setTimeout(function() { 
     // what should variable cell be? 
    }, 1000); 
}); 

OR

$('td[someAttr]').mouseenter(function(cell) { 
    var timeoutId = setTimeout(function() { 
     // what should variable cell be? 
    }, 1000, cell); 
}); 

UPDATE：这是显而易见的，但我问其原因，这是因为cell.pageX会，如果你有是不确定的：，

$('td[someAttr]').mouseenter(function() { 
    var cell = this; // 
    var timeoutId = setTimeout(function() { 
     alert(cell.pageX); // cell.pageX will return null 
    }, 1000); 
}); 

但是，如果你有：

$('td[someAttr]').mouseenter(function(cell) { 
    alert(cell.pageX); // works fine as cell.pageX will have correct value. 
}); 

Answer 1

事件处理程序的上下文设置为触发事件的元素。你可以在这样说：

$('td[someAttr]').mouseenter(function() { 
    var cell = this; 
    var timeoutId = setTimeout(function() { 
     alert(cell.tagName); 
    }, 1000); 
}); 

您可能还需要将其包装成一个jQuery对象，以及：var cell = $(this);

UPDATE：第一个参数是事件对象，而不是元素。该元素被设置为回调（即此）的情况下，你可以访问该事件对象正是你在你的榜样方式：

$('td[someAttr]').mouseenter(function(event) { 
    var cell = this; 
    var timeoutId = setTimeout(function() { 
     alert(cell.tagName + ' ' + event.pageX); 
    }, 1000); 
}); 

注意“Cell”元素也可作为“event.target”访问。