jQuery - 如何使用jQuery綁定標籤上的點擊事件並獲得鼠標點擊座標？

我有下面的代碼來控制鼠標點擊標籤jQuery - 如何使用jQuery綁定標籤上的點擊事件並獲得鼠標點擊座標？

//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，因爲當我第一次點擊標籤它返回負值。

有人可以就此建議嗎？

來源

2013-07-22 NullPointer

結合事件是像jQuery（「＃」 +項）.bind（ '點擊'，mouseMoveHandler）;不像jQuery（「＃」+ item）.click（mouseMoveHandler）; 是否有可能在jsfiddle.net中顯示你的代碼 –

其實我有一系列的函數和一些相關的代碼，所以它不可能在jsfiddle中顯示所有的代碼。但我會檢查你的解決方案。 – NullPointer

我試過你的解決方案，但沒有運氣。 – NullPointer

@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; 
      } 
      }); 
    }); 
});

Working Demo

它可以幫助您得到您的需求。

Here參考和用於鼠標點擊Here

來源

2013-07-23 04:29:14

乾草！我欣賞它，並檢查相同，並讓你知道事後:) – NullPointer

我試過但不工作在我的情況:( – NullPointer

jQuery - 如何使用jQuery綁定標籤上的點擊事件並獲得鼠標點擊座標？

回答

相關問題