热衷于通过鼠标获取 DOM 或 jQuery 元素？

发布于 2024-10-28 05:19:33 字数 187 浏览 5 评论 0原文

如何通过鼠标点击获取DOM或jQuery元素？例如，我有下一个代码：

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

那么，如何初始化“clickedElement”变量？谢谢。

原文

How to get DOM or jQuery element by mouse click?
For example I have the next code:

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

So, how to init 'clickedElement' variable?
Thank you.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

氛圍 2024-11-04 05:19:33

在事件处理程序中，this 指的是引发事件的 DOM 元素。

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

要获取 jQuery 元素，只需将 this 传递给 jQuery 即可。

但是：使用事件委托会好得多，而不是将事件处理程序绑定到每个元素。您可以通过 event.target：

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

进一步说明：这不一定会为您提供单击的元素，而是为您提供释放鼠标按钮的元素，该元素可能与按钮所在的元素不同按下。您可能想要绑定到 click 事件。

我还建议阅读涵盖这些基础知识的 jQuery 教程。

Inside an event handler, this refers to the DOM element the event was raised on.

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

To get a jQuery element, just pass this to jQuery.

But: It would be much much much better to use event delegation, instead of binding an event handler to every element. You can get the origin of the event with event.target:

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

And a further note: This will not necessarily give you the clicked element, but the element over which the mouse button was released, which can be different from the element the button was pressed. You might want to bind to the click event.

I also suggest to read a jQuery tutorial where these basics are covered.

回复收藏 0 原文

感受沵的脚步 2024-11-04 05:19:33

如果您不想将事件附加到每个 DOM 元素（我不推荐）...

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

jsFiddle 。

在这里，任何元素的事件都会一直冒泡到 document，在那里它将被处理，并且启动事件的原始元素将位于 event.target 中。

If you don't want to attach an event to every DOM element (which I wouldn't recommend)...

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

jsFiddle.

Here, any element's event will bubble up all the way to document, where it will be handled, and the originating element that started the event will be in event.target.

回复收藏 0 原文

单身狗的梦 2024-11-04 05:19:33

使用这个。 IE：

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

Use this. i.e.:

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

回复收藏 0 原文

~没有更多了~