<!DOCTYPE html>
<html>
<head>
<script>
function myFunction(e)
{
x=e.clientX;
y=e.clientY;
coor="Coordinates: (" + x + "," + y + ")";
document.getElementById("demo").innerHTML=coor
}
function clearCoor()
{
document.getElementById("demo").innerHTML="";
}
</script>
</head>
<body style="margin:0px;">
<div id="coordiv" style="width:199px;height:99px;border:1px solid" 
onmousemove="myFunction(event)" onmouseout="clearCoor()"></div>
<p>Mouse over the rectangle above, 
and get the coordinates of your mouse pointer.</p>
<p id="demo"></p>
</body>
</html>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

Ajax中GET與POST請求操作方法梳理介紹
Ajax全稱是Asynchronous Javascript And XML（異步JavaScript和XML），在網(wǎng)頁中，利用XMLHttpRequest對象和服務(wù)器進行數(shù)據(jù)交互的方式，這篇文章主要介紹了Ajax中GET與POST請求操作
2022-11-11
一篇文章搞懂JavaScript中的代理和代理的使用
這篇文章主要為大家詳細(xì)介紹了JavaScript代理和代理的使用的方法，感興趣的小伙伴們可以參考一下，希望能給你帶來幫助
2021-08-08
JS使用canvas中的measureText方法測量字體寬度示例
這篇文章主要介紹了JS使用canvas中的measureText方法測量字體寬度,結(jié)合實例形式分析了canvas的measureText方法相關(guān)使用技巧,需要的朋友可以參考下
2019-02-02
javascript字符串拆分成單個字符相加和不超過10，求最終值
javascript字符串拆分成單個字符相加和不超過10，求最終值
2008-09-09
通用于ie和firefox的函數(shù) GetCurrentStyle (obj, prop)
通用于ie和firefox的函數(shù) GetCurrentStyle (obj, prop)...
2006-12-12
微信小程序第三方框架對比之 wepy / mpvue / taro
這篇文章主要介紹了小程序第三方框架對比 ( wepy / mpvue / taro ) 分析，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
2019-04-04
微信小程序日歷/日期選擇插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序日歷和日期選擇插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
Javascript解決常見瀏覽器兼容問題的12種方法
我們提倡盡可能使用CSS，而且我們常常能做到這一點。現(xiàn)代瀏覽器有很好的CSS支持-這無疑足夠好讓你使用CSS來控制布局和版面設(shè)計。但是有時候，某些網(wǎng)頁元素在不同的瀏覽器會出現(xiàn)不同。
2010-01-01
Echarts中X軸/Y軸坐標(biāo)標(biāo)簽顯示不下的問題解決
本文主要介紹了Echarts中X軸/Y軸坐標(biāo)標(biāo)簽顯示不下的問題解決,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-09-09
初探JavaScript 面向?qū)ο?推薦)
js 面向?qū)ο笾R是最基礎(chǔ)的入門知識點，下面通過本文實例代碼給大家詳細(xì)介紹js 面向?qū)ο蟮闹R，感興趣的朋友一起學(xué)習(xí)吧
2017-09-09