熱點可以通過鼠標獲取DOM或jQuery元素嗎？

Question

如何通過鼠標點擊獲取DOM或jQuery元素？ 比如我有下面的代碼：

$("*").mouseup(
function() 
{ 
    var clickedElement = ??????????????? 
} 
); 

那麼，如何初始化「clickedElement」變量？ 謝謝。

Answer 1

在事件處理程序中，this引用事件引發的DOM元素。

$("*").mouseup(function() { 
    var clickedElement = this; 
}); 

爲了得到一個jQuery的元素，只是通過this到jQuery。

但：這將是很多很多更好的使用事件委託，而不是一個事件處理程序綁定到每個元素。你可以得到事件的起源與event.target：

$(document).mouseup(function(event) { 
    var clickedElement = event.target; 
}); 

而進一步的說明：這不一定給你點擊的元素，但在該鼠標按鈕被釋放的元素，它可以是不同的從按鈕被按下的元素開始。您可能想綁定到click事件。

---

我也建議去read a jQuery tutorial where these basics are covered。

Answer 2

使用這個。即：

$("*").mouseup( function() {  
    var clickedElement = this; //HTML DOM Element 
    var $clickedElement = $(this); //jQuery Wrapped HTML DOM Element 
}); 

Answer 3

如果你不想安裝到每一個DOM元素的事件（我不建議）...

$(document).mouseup(function(event) { 
    var clickedElement = event.target; 
}); 

jsFiddle。

這裏，任何元素的事件都會一直冒泡到document，在那裏它將被處理，並且啓動事件的原始元素將在event.target中。