如何從外部函數引用事件對象？ - 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); 
} 

但在我的真實想法被引用，它將使代碼更易於閱讀通過顯式定義事件對象參數的參數。