jquery - jQuery - 如何使用 jquery 在标签上绑定点击事件并获取鼠标点击坐标？

Question

我有以下代码来处理鼠标点击标签

//below function will be called when we click on label.
function showListClick(e, which, optWidth, item)
{
    mouseMoveHandler = function(e){
        if(e.pageX > 0 && e.pageY > 0)
            showItemList(e, which, optWidth, e.pageX, e.pageY);
    };
    jQuery("#"+item).click(mouseMoveHandler);
}

jQuery("#"+item)标签在哪里。我正在绑定一个mouseMoveHandler在单击事件上调用的处理程序，然后从该函数showItemList()中显示一个弹出菜单。这里的问题是，在mouseMoveHandler处理程序中，我设置了一个仅显示弹出菜单的条件，e.pageX and e.pageY > 0因为当我第一次单击标签时，它返回负值。

有人可以就此提出建议吗？

Answer 1

@NullVoid，嘿，我试过这个。

$(document).ready(function () {
    $("#foo").change(function () {
        var flag=true;
        $(document).mousemove(function(e){
            if(flag==true){
              $('#showOrHideMe').html(e.pageX +', '+ e.pageY);
                flag=false;
            }
           }); 
    });
});

工作演示

它可以帮助您满足您的需求。

参考这里和鼠标点击这里