如何从外部函数引用事件对象？ - jQuery的

Question

遇到麻烦指事件对象在一个jQuery功能：

// Execute a function when an image with the arrow class is clicked 
$('.arrow').bind('click',update_support); 

// Function tries to refer to the calling image using $(this) 
function update_support() { 
    alert($(this).src); 
} 

// Result: an alert of 'undefined' 

此代码的工作，但它明确地传递了“这个”对象的功能，我觉得有一定有更好的方式：

$('.arrow').bind('click',update_support(this)); 

function update_support(obj) { 
    alert(obj.src); 
} 

// Result: an alert with the src of the clicked image 

编辑让我更清楚的问题： 为什么我应该给任何参数明确的功能？来自http://api.jquery.com/category/events/event-object的jQuery文档：“事件对象保证传递给事件处理程序。”我的问题是：如果我没有明确地通过它，它在哪里？ ;）？

Answer 1

相反的：

alert($(this).src); 

尝试：

alert(this.src); 

$(this)是一个jQuery对象。 this是一个DOM元素。

Answer 2

$('.arrow').bind('click',function(event){ update_support(event);}); 

未经测试，但应通过参考事件update_support。

编辑：你想也需要修改update_support，明明：

function update_support(evt) { 
    alert(evt.target.src); 
} 

Answer 3

由于在这种情况下，替代双方inkedmn的和J-P的答案

// Execute a function when an image with the arrow class is clicked 
$('.arrow').bind('click',update_support); 

// Function tries to refer to the calling image using $(this) 
function update_support(e) { 
    alert(e.target.src); 
} 

e是event对象（跨浏览器标准化）

如果你没有在事件处理程序签名的明确定义事件对象参数一个参数，事件对象可以使用arguments

// Execute a function when an image with the arrow class is clicked 
$('.arrow').bind('click',update_support); 

// Function tries to refer to the calling image using $(this) 
function update_support() { 
    alert(arguments[0].target.src); 
} 

但在我的真实想法被引用，它将使代码更易于阅读通过显式定义事件对象参数的参数。