文章/答案/技术大牛

发布

社区首页 >问答首页 >如何检查鼠标是否在元素上？(jQuery)

问如何检查鼠标是否在元素上？(jQuery)
EN

Stack Overflow用户

提问于 2014-07-29 17:19:05

回答 5查看 34.1K关注 0票数 7

如何检查鼠标是否在元素上？

我将元素移动到光标位置，我需要检查鼠标是否在另一个元素上。该怎么做呢？

<div class="dragged"></div> // I can move it
<div class="dropped"></div> // Need to drop here

$('.dragged').mousemove(function(e) {
   ...
   if($(".dropped").is(":hover")) { // of course doesn't work
        ...
   }
});

提前谢谢。

javascript

jquery

html

回答 5

Stack Overflow用户

发布于 2014-07-29 17:25:12

您可以这样尝试：

$('#test').click(function() {
    if ($('#Test').is(':hover')) {
        alert('Test');
    }
});

票数 9

Stack Overflow用户

发布于 2014-07-29 17:27:43

一种有效的方法是在鼠标按enter时“标记”.dropped标记元素。最后，当您移动.dragged时，您可以检查.dropped是否具有您放入其中的标记。

$('.dropped').hover(function() { 
  $(this).addClass('hovered');
}, function() {
  $(this).removeClass('hovered');
});

$('.dragged').mousemove(function(e) {
  ...
  if($(".dropped").hasClass(".hovered")) {
    ...
 }
});

致以问候。

票数 3

Stack Overflow用户

发布于 2014-07-29 17:33:29

试试这个：

  var hovred=null;
    $('.dropped').mouseenter(function(e) {
      hovred=$(this);
     });

$('.dropped').mouseleave(function(e) {
  hovred=null;
 });
$('.dropped').mousemove(function(e) {
   ...
   if($(this)==hovred && hovred != null) { 
    //do your stuff here man
   }
});

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25011915

复制

相似问题

问如何检查鼠标是否在元素上？(jQuery)
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检查鼠标是否在元素上？(jQuery)EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何检查鼠标是否在元素上？(jQuery)
EN