एचटीएमएल 5 e.offsetX फ़ायरफ़ॉक्स

Question

में अपरिभाषित है मेरी एचटीएमएल 5 पेज में, मैं इस प्रकार mousemove घटना के साथ एक div है। लेकिन फ़ायरफ़ॉक्स में, दोनों मूल्य undefined दे रहे हैं। मैंने फ़ायरबग का उपयोग करके इसे चेक किया है, यानी e ऑब्जेक्ट को कंसोल पर लॉग ऑन किया है। offsetX और offsetY दोनों undefined पाए गए हैं।

जब मैं गूगल में खोज की है, वहाँ एक समाधान कह रहा layerX और layerY का उपयोग करना चाहिए, अगर दोनों offsetX और offsetY अपरिभाषित हैं था। लेकिन फायरबग से, मैं इसे खोजने में सक्षम नहीं था। और यहां तक ​​कि मैं इसे इस तरह एक कोशिश दिया था:

xpos = (e.offsetX==undefined)?e.layerX:e.offsetX; 
ypos = (e.offsetY==undefined)?e.layerY:e.offsetY; 

लेकिन वह भी मान के रूप में undefined दे रहा है।

मैं सबसे हालिया jQuery - v1.8.2 का उपयोग कर रहा हूं। और मैं अपने फ़ायरफ़ॉक्स v14.0.1

किसी भी विचार या सुझाव में परीक्षण कर रहा हूं?

---

संपादित

dystroy और मेरी मदद के लिए vusan के लिए धन्यवाद। ऊपर मुद्दे का हल इस प्रकार है:

समाधान

$('#canvas').mousemove(function(e){ 
    $('#cursor').show(); 
    if(e.offsetX==undefined) // this works for Firefox 
    { 
    xpos = e.pageX-$('#canvas').offset().left; 
    ypos = e.pageY-$('#canvas').offset().top; 
    }    
    else      // works in Google Chrome 
    { 
    xpos = e.offsetX; 
    ypos = e.offsetY; 
    } 
    $('#mouse').html("X : " + xpos + " ; Y : " + ypos); 
}); 

Answer 1

अन्य ब्राउज़र के लिए layerX और layerY Firefox के लिए और offsetX उपयोग करके देखें।

तो घटना jQuery के साथ निकाल दिया:

xpos = e.offsetX === undefined ? e.originalEvent.layerX : e.offsetX; 
ypos = e.offsetY === undefined ? e.originalEvent.layerY : e.offsetY; 

तो घटना जावास्क्रिप्ट के साथ निकाल दिया:

xpos = e.offsetX==undefined?e.layerX:e.offsetX; 
ypos = e.offsetY==undefined?e.layerY:e.offsetY; 

Answer 2

आप उन्हें क्योंकि इसके originalEvent में नहीं मिला। कोशिश: e.originalEvent.layerX e.originalEvent.layerY

बारे में पृष्ठ X और पृष्ठ Y वे एक ही बात की गणना नहीं कर रहे हैं। layerX पहले सापेक्ष/पूर्ण अभिभावक से ऑब्जेक्ट का बायां है। पेजएक्स पृष्ठ से ऑब्जेक्ट का बायां है।

Answer 3

उपयोग layerX और एफएफ में layerY और offsetX और सभी अन्य ब्राउज़र में offsetY।

$('#canvas').mousemove(function(e){ 
    xpos = e.offsetX === undefined ? e.originalEvent.layerX : e.offsetX; 
    ypos = e.offsetY === undefined ? e.originalEvent.layerY : e.offsetY; 

    $('#mouse').html("X : " + xpos + " ; Y : " + ypos); 
}); 

Answer 4

यह फ़ायरफ़ॉक्स और अन्य में ठीक काम करता है।

var offsetRequired = (e.offsetX || e.pageX - $(e.target).offset().left); 

Answer 5

फ़ायरफ़ॉक्स वास्तव में रिलीज 39.0, जो july 2015 में जारी किया गया है के बाद करता हैsupportMouseEvent.offsetX और MouseEvent.offsetY।