讀取滑鼠座標之設計問題

javascript

mo460321 2015-02-28 00:18:04 ‧ 3596 瀏覽

分享至

想請問document.Show.MouseX.value的MouseX和是指令還是只是個名稱而已
還有這段document.Show.MouseX.value是指說在網頁中名稱為Show的form標籤中利用設計出名稱為MouseX的input標籤顯示"值" 不知道這樣解釋對不對(有點難翻...)
小弟剛入門不久
請各位大大幫忙解答
謝謝
以下為我在網路上擷取的程式碼

&lt;html xmlns="http://www.w3.org/1999/xhtml">

&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
&lt;title>無標題文件&lt;/title>
&lt;style type="text/css">
 
&lt;/style>


&lt;script type="text/javascript" language="javascript">





&lt;/script> 





&lt;body  >

&lt;script >
&lt;!--
// 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 &lt; 0){tempX = 0}
  if (tempY &lt; 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;
}


//-->
&lt;/script>
&lt;form name="Show">
&lt;p align="center">&lt;input type="text" name="MouseX" value="0" size="4">X &lt;input type="text" name="MouseY" value="0" size="4">Y &lt;/form>

  &lt;!-------JavaScript顯示滑鼠所在座標 END-------->

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

sky940811

iT邦研究生 4 級 ‧ 2015-03-02 16:24:27

問：想請問document.Show.MouseX.value的MouseX和是指令還是只是個名稱而已
答：MouseX是名稱，document.Show.MouseX.value是指令

問：document.Show.MouseX.value是指說在網頁中名稱為Show的form標籤中利用設計出名稱為MouseX的input標籤顯示"值"
答：基本上和你解釋得差不多，就是抓取表單(Show)裡面的文字方塊(MouseX)控制該欄位的值，根據程式上的寫法，是讓該文字方塊顯示tempX抓取到的值

※若解釋有誤還請大大們給予糾正