0

我如何跟踪用户是否将鼠标悬停在元素上并右键单击正确的 x 和 y 位置？

 <div style="position:absolute;left:200px;top:200px">Hello</div>

 <script>
   if ( MOUSE == divPosition && RIGHTCLICKS on it) {
       //Trigger a javascript function!
   }
 </script>

我真的希望有人能帮助我。

它应该首先找到元素所在的位置。之后，如果用户右键单击元素的特定位置，则多 mouselistiner 应该跟踪。不只是制作“oncontextmenu ..”它应该通过jQuery或其他东西来完成，但我被卡住了。

我已经尝试过并且工作正常，但它仅适用于“鼠标悬停”元素。应该是当用户 RIGHTCLICKS 在正确的位置时！

'wierdo' : function(id){
$("#item-" + id).each(function(){
boxX = $(this).offset().left;
boxY = $(this).offset().top;
boxW = $(this).innerWidth();
boxH = $(this).innerHeight();
if ((boxX <= mx) &&
    (boxX + 1000 >= mx) &&
    (boxY <= my) &&
    (boxY + boxH >= my))
{
    // mouse is over it so you can for example trigger a mouseenter event
    alert("Yes....");
    $("#item-" + id).trigger({type: "mousedown",which: 3});

    //$(this).trigger("mouseenter");
}

});

4

1 回答 1

0

可能你正在寻找这个：

标记：

<div class='div'>Hello</div>

jQuery：

$('.div').on('contextmenu', function (e) { //<--contextmenu is right click event
  e.preventDefault();       //<------prevents the right click
  alert('rightClick customized.'); 
});

在这里检查小提琴

于 2013-06-10T05:59:34.277 回答