如何獲取鼠標指針位置使用JavaScript的Internet Explorer？

我正在開發一個網頁，我已經動態地在<div>中設置了一個圖像。它在Firefox中工作，但在IE中失敗。如何獲取鼠標指針位置使用JavaScript的Internet Explorer？

問題是：如何在IE中獲取鼠標指針位置？我使用下面的代碼獲取鼠標指針位置

function getCursorXY(e) { 
    CurX = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); 
    CurY = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
}

它正常工作與Firefox。

來源

2012-06-28 Tokendra Kumar Sahu

這有什麼*** ***做與Java。我會爲你刪除'java'標籤，但是有一個掛起的編輯方式。 –

試試這個http://expsharing.blogspot.in/2008/08/following-javascript-help-we-get.html – Imdad

用途：clientX和clientY

這樣的代碼：

var posx = 0; 
var posy = 0; 
if (e.pageX || e.pageY)  { 
    posx = e.pageX; 
    posy = e.pageY; 
} 
else if (e.clientX || e.clientY) { 
    posx = e.clientX + document.body.scrollLeft 
     + document.documentElement.scrollLeft; 
    posy = e.clientY + document.body.scrollTop 
     + document.documentElement.scrollTop; 
}

來源

2012-06-28 13:03:52 roev

我試過這個，但不起作用。 –

你得到錯誤或什麼？ – roev

試試這個，這應該對所有的瀏覽器包括IE工作。

<html> 
<body> 
<form name="Show"> 
<input type="text" name="MouseX" value="0" size="4"> X<br> 
<input type="text" name="MouseY" value="0" size="4"> Y<br> 
</form> 

<script language="JavaScript1.2"> 
<!-- 

// Detect if the browser is IE or not. 
// If it is not IE, we assume that the browser is NS. 
var IE = document.all?true:false 

// If NS -- that is, !IE -- then set up for mouse capture 
if (!IE) document.captureEvents(Event.MOUSEMOVE) 

// Set-up to use getMouseXY function onMouseMove 
document.onmousemove = getMouseXY; 

// Temporary variables to hold mouse x-y pos.s 
var tempX = 0 
var tempY = 0 

// Main function to retrieve mouse x-y pos.s 

function getMouseXY(e) { 
    if (IE) { // grab the x-y pos.s if browser is IE 
    tempX = event.clientX + document.body.scrollLeft 
    tempY = event.clientY + document.body.scrollTop 
    } else { // grab the x-y pos.s if browser is NS 
    tempX = e.pageX 
    tempY = e.pageY 
    } 
    // catch possible negative values in NS4 
    if (tempX < 0){tempX = 0} 
    if (tempY < 0){tempY = 0} 
    // show the position values in the form named Show 
    // in the text fields named MouseX and MouseY 
    document.Show.MouseX.value = tempX 
    document.Show.MouseY.value = tempY 
    return true 
} 

//--> 
</script> 
</body> 
</html>

來源

2012-06-28 13:05:52 JAVAGeek

爲什麼使用三元運算符來檢測document.all？爲什麼不使用!! document.all？ –

使用jQuery並使用event.pageX和event.pageY！

見http://api.jquery.com/event.pageY/

來源

2012-06-28 14:42:14

太棒了+1你:) – Eliyah

我解決了這個問題，此代碼

var CurX; 
    var CurY; 
    var IE = document.all?true:false; 
    if(IE){ 
     CurX = window.event.clientX; 
     CurY = window.event.clientY; 
    } 
    else{ 
     if (window.captureEvents) { 
     document.captureEvents(Event.MOUSEMOVE); 
    } 
    document.onmousemove = getCursorXY; 
} 

function getCursorXY(e) { 
    CurX = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); 
    CurY = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
}

來源

2012-06-30 12:24:42

爲什麼你不把IE變成NOTIE，因爲if（IE）語句會在EXCEPT以外的任何地方運行。 –

如何獲取鼠標指針位置使用JavaScript的Internet Explorer？

回答

相關問題