<!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">
<%@ page language="java" %>
<%@ page contentType="text/html;charset=UTF-8"%>
<head>
<title>鼠標位置</title>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function body_onclick(e){
event = e||window.event;
$("x-position").value=event.x;
$("y-position").value=event.y;
}
</script>
<style>
.position{
width:1000px;
height:500px;
text-align:center;
color: gold;
background-color: #6090dd;
font-size:24pt;
margin: 0 auto;
}
</style>
</head>
<body onmousemove="body_onclick(event)">
<div class="position">
當前鼠標座標：
x<input value="0" id="x-position" size="6"/>
y<input value="0" id="y-position" size="6"/>
</div>
</body>
</html>
JS獲取鼠標座標
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
由淺入深在實踐中玩轉Zabbix，解決剩下20%的監控需求！
本文整理自Zabbix中級認證專家李銘栓（滿分學員）在Zabbix Meetup廣州站的演講。 掌握這幾種監控方式解決80%的監控問題，剩下的20%如何實現？這裏有答案！ 幾點經驗分享： 1