javascript獲取鼠標(biāo)位置部分的實例代碼(兼容IE,FF)
更新時間：2013年08月05日 10:27:42 作者：
這篇文章介紹了javascript獲取鼠標(biāo)位置部分的實例代碼，有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
var xPos;
var yPos;
document.onmousemove = mouseMove;
function mouseMove(ev) {
ev = ev window.event;
var mousePos = mouseCoords(ev);
xPos = mousePos.x;
yPos = mousePos.y;
}
function mouseCoords(ev) {
if (ev.pageX ev.pageY) {
return { x: ev.pageX, y: ev.pageY };
}
return {
x:ev.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
y:ev.clientY + document.body.scrollTop + document.documentElement.scrollTop
};
}
您可能感興趣的文章:
- js判斷鼠標(biāo)位置是否在某個div中的方法
- 基于JavaScript獲取鼠標(biāo)位置的各種方法
- js獲取鼠標(biāo)位置實例詳解
- JavaScript中獲取鼠標(biāo)位置相關(guān)屬性總結(jié)
- javascript窗口寬高,鼠標(biāo)位置,滾動高度(詳細解析)
- Javascript在IE或Firefox下獲取鼠標(biāo)位置的代碼
- JS獲得鼠標(biāo)位置（兼容多瀏覽器ie,firefox）腳本之家修正版
- js獲取鼠標(biāo)位置雜談附多瀏覽器兼容代碼
- firefox中用javascript實現(xiàn)鼠標(biāo)位置的定位
- Javascript 獲取鼠標(biāo)當(dāng)前的位置實現(xiàn)方法
相關(guān)文章
javascript與css3動畫結(jié)合使用小結(jié)
本文給大家講述的是如何使用javascript結(jié)合CSS動畫來實現(xiàn)一些占用資源更少，更優(yōu)化的動畫效果，思路十分巧妙，這里推薦給小伙伴們參考下。2015-03-03
最近使用uniapp開發(fā),有些組件渲染之后會生成一些標(biāo)簽,需要修改生成標(biāo)簽的樣式,下面通過實例代碼講解uniapp實現(xiàn)單選組件覆蓋選中樣式的方法,感興趣的朋友一起看看吧2024-03-03
uniapp使用webview嵌入vue頁面及通信實現(xiàn)方式
項目中有需要嵌入其他H5的頁面的業(yè)務(wù)需求,這篇文章主要給大家介紹了關(guān)于uniapp使用webview嵌入vue頁面及通信實現(xiàn)方式的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2024-01-01
Javascript 拖拽的一些簡單的應(yīng)用(逐行分析代碼，讓你輕松了拖拽的原理)
這篇文章主要介紹了Javascript 拖拽的一些簡單的應(yīng)用(逐行分析代碼，讓你輕松了拖拽的原理),需要的朋友可以參考下2015-01-01
JS實現(xiàn)點擊下拉菜單把選擇的內(nèi)容同步到input輸入框內(nèi)的實例
下面小編就為大家分享一篇JS實現(xiàn)點擊下拉菜單把選擇的內(nèi)容同步到input輸入框內(nèi)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
JavaScript人臉識別技術(shù)及臉部識別JavaScript類庫Tracking.js
人臉識別的JavaScript程序包是Face Detection，它是由Jay Salvat和Liu Liu開發(fā)的。它是一個標(biāo)準(zhǔn)的jQuery插件，通過對提供的圖片進行分析，返回所有找到的臉部圖像的坐標(biāo)，感興趣的朋友跟著小編一起學(xué)習(xí)js人臉識別技術(shù)及臉部識別JavaScript類庫Tracking.js吧2015-09-09
微信小程序?qū)崿F(xiàn)導(dǎo)航欄選項卡效果
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)導(dǎo)航欄選項卡效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-02-02
這篇文章主要給大家介紹了關(guān)于JS如何實現(xiàn)頁面截屏功能的相關(guān)資料,文中主要利用了html2canvas和canvas繪制兩個方法來實現(xiàn),需要的朋友可以參考下2021-06-06
這篇文章主要介紹了微信小程序緩存支持二次開發(fā)封裝實現(xiàn)解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-12-12
JavaScript的變量中包含兩種類型的值：基本類型值 和 引用類型值，這篇文章主要介紹了JS中實現(xiàn)淺拷貝和深拷貝,需要的朋友可以參考下2019-06-06