1. 程式人生 > >js獲取滑鼠座標

js獲取滑鼠座標

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta name="auther" content="fq" />
<title>獲取滑鼠座標</title>
</head>
<body>
<script type="text/javascript">
function mousePosition(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop  - document.body.clientTop
};
}
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
document.getElementById('xxx').value = mousePos.x;
document.getElementById('yyy').value = mousePos.y;
}
document.onmousemove = mouseMove;
</script>
X:<input id="xxx" type="text" />  Y:<input id="yyy" type="text" />
</body>
</html>

相關推薦

js獲取滑鼠座標

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

js event物件獲取滑鼠座標

 <!DOCTYPE HTML> <html> <head> <script type="text/javascript"> function cnvs_getCoordinates(e) { x=e.clientX

獲取滑鼠座標的的方法(相容性)

在一些DOM操作中我們經常會跟元素的位置打交道,滑鼠互動式一個經常用到的方面,令人失望的是不同的瀏覽器下會有不同的結果甚至是有的瀏覽器下沒結果,這篇文章就上滑鼠點選位置座標獲取做一些簡單的總結,沒特殊宣告程式碼在IE8,FireFox,Chrome下進行測試相容 滑

linux應用層獲取滑鼠座標

補充:在這個函式中要開啟一個滑鼠裝置,但是在嵌入式的檔案系統中沒有這個裝置節點,滑鼠裝置的主裝置號和次裝置號有是如何確定的呢?在  linux 系統中,滑鼠和鍵盤的裝置號都是固定的,可以在 PC 上檢視,再在嵌入式的檔案系統中自己建立。[email protected]:/tmp$ ls -l /

點選事件獲取滑鼠座標位置(x,y)值

$(document).click( function(event){ event = event || window.event;

javascript獲取滑鼠座標pageX和clientX的區別

這兩種獲取滑鼠座標的方法,區別在於基於的物件不同: pageX和pageY獲取的是滑鼠指標距離文件(HTML)的左上角距離,不會隨著滾動條滾動而改變; clientX和clientY獲取的是滑鼠指標距離可視視窗(不包括上面的位址列和滑動條)的距離,會隨著滾動條滾動而改變;

jquery獲取元素座標獲取滑鼠座標

獲取頁面某一元素的絕對X,Y座標,可以用offset()方法: var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 獲取相對(父元素)位置: var X = $('#Div

js獲取滑鼠選中的元素的xpath

(function($){         $.fn.getQuery = function(options){                 o = $.extend({                         type: 'xpath',        //

js獲取滑鼠位置的各種方法

轉  JavaScript 獲取滑鼠點選位置座標在一些DOM操作中我們經常會跟元素的位置打交道,滑鼠互動式一個經常用到的方面,令人失望的是不同的瀏覽器下會有不同的結果甚至是有的瀏覽器下沒結果,這篇文章就上滑鼠點選位置座標獲取做一些簡單的總結,沒特殊宣告程式碼在IE8,Fir

JS獲取滑鼠點選圖片時點選點所在圖片的寬高的百分比

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-

usb滑鼠驅動註解及獲取滑鼠座標

#include <stdio.h> #include <stdlib.h> #include <string.h> #include <unistd.h> #include <sys/types.h> #include <sys/stat.h

js獲取滑鼠焦點位置並選中一部分文字

<body> <textarea id="divt">123456789</textarea> </body> <script t

JS獲取滑鼠位置 和 jQuery獲取滑鼠位置對比

首先上jQuery的: $(".xxx").click(function(event) { var xx = event.pageX; var yy = event.pageY; alert(xx + yy); }); 然後是JS的: va

JS獲取滑鼠位置、當前元素所在位置

JS獲取滑鼠位置,當前元素的top left width height //獲取元素的絕對位置,大小。 引數js物件 function getElAbsolute(elem) { var t

JS 獲取DIV中滑鼠相對位置座標

<HEAD> <TITLE> JS獲取DIV相對座標</TITLE> <mce:script type="text/javascript"><!-- function getX(obj){ var parO

js實時獲取滑鼠所在座標

有的時候我們希望實時獲取滑鼠所在的位置。 為什麼會用到它呢? 可能你會遇到這樣的情況,我們需要判斷滑鼠是不是在一個dom元素的上、下、左、右的位置,至於是不是在元素上,就不需要通過獲取位置了,你可以直接用hover來判斷就好了。 那麼如何實現獲取滑鼠所在位

js獲取精確的滑鼠座標

現在很多網站分析系統均要獲取滑鼠座標跟軌跡來繪製雲圖跟滑鼠軌跡,這就 要求滑鼠座標必須要準確才行。但要準確卻有一定困難。 如上圖: 使用者開啟百度首頁,在不同的瀏覽器大小下點選“網站”字型,的座標完全不一致。座標不準確,雲圖,熱點圖何來準確? 對於普通一個

unity3d滑鼠點選,獲取世界座標

unity中有關於滑鼠位置的函式,Input.mousePosition。但不得不說,這個函式不到位,可以用一個print函式輸出一下這個座標會發現,只有X,Y值在改變,Z值沒有發生變化,並且在螢幕的左下角固定為(0,0,0),檢視文件後發現,文件上是這麼寫的。 The current mo

移動端touch觸控效果原生js獲取觸控座標

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="w

獲取滑鼠位置 - JS

想獲取滑鼠位置首先需要知道event物件 event物件 事件物件,是一個內建的全域性物件,當一個事件發生的時候,和當前這個物件發生的這個事件有關的一些詳細資訊都會被臨時儲存到一個指定的地方 - event物件,供我們在需要的時候呼叫 更加全面的解釋可以參考這個連結https://www