HTML5鼠标悬停在矩形上可以看到坐标
来源:互联网 发布:银行业发展前景知乎 编辑:程序博客网 时间:2024/04/29 14:27
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
body
{
font-size:70%;
font-family:verdana,helvetica,arial,sans-serif;
}
</style>
<script type="text/javascript">
function cnvs_getCoordinates(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";
}
function cnvs_clearCoordinates()
{
document.getElementById("xycoordinates").innerHTML="";
}
</script>
</head>
<body style="margin:0px;">
<p>把鼠标悬停在下面的矩形上可以看到坐标:</p>
<div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3"
onmousemove="cnvs_getCoordinates(event)"
onmouseout="cnvs_clearCoordinates()"></div>
<br />
<br />
<br />
<div id="xycoordinates"></div>
</body>
</html>
<html>
<head>
<style type="text/css">
body
{
font-size:70%;
font-family:verdana,helvetica,arial,sans-serif;
}
</style>
<script type="text/javascript">
function cnvs_getCoordinates(e)
{
x=e.clientX;
y=e.clientY;
document.getElementById("xycoordinates").innerHTML="Coordinates: (" + x + "," + y + ")";
}
function cnvs_clearCoordinates()
{
document.getElementById("xycoordinates").innerHTML="";
}
</script>
</head>
<body style="margin:0px;">
<p>把鼠标悬停在下面的矩形上可以看到坐标:</p>
<div id="coordiv" style="float:left;width:199px;height:99px;border:1px solid #c3c3c3"
onmousemove="cnvs_getCoordinates(event)"
onmouseout="cnvs_clearCoordinates()"></div>
<br />
<br />
<br />
<div id="xycoordinates"></div>
</body>
</html>
0 0
- HTML5鼠标悬停在矩形上可以看到坐标
- 鼠标悬停看到坐标
- 鼠标悬停在图片上表现为手型效果
- 鼠标悬停在图片上时,显示遮罩层说明文字
- 鼠标悬停在按钮上响应OnMouseHover、OnMouseMove和OnMouseLeave
- JQUERY实现鼠标悬停在图片上模拟放大镜效果
- 跟踪鼠标在窗口上的坐标
- 【实例】【html5】在canvas获取鼠标的坐标
- 用setmousecallback在图片上画矩形框--鼠标事件
- 用鼠标在图片上画矩形框
- HTML5画布鼠标坐标教程
- 在一个论坛上看到的,可以学习与借鉴!
- 在视图画矩形并处理鼠标在矩形上的操作
- 在网页上画一个矩形(HTML5 Canvas作图)
- 鼠标悬停文字上显示图片
- 鼠标悬停文字上显示图片
- java实现获取鼠标在屏幕上的坐标
- 要让鼠标悬停在标签文字上时显示手形怎么办
- Linux的inode的理解
- 统计学里“P”的故事:蚊子、皇帝的新衣和不育的风流才子
- Django认证系统
- ScrollView的反弹效果
- 第十三周项目1-分数类中的运算符重载(3)
- HTML5鼠标悬停在矩形上可以看到坐标
- 浏览器与cdn缓存
- log4j的基本使用详解
- 手把手教你做视频播放器(二)-获取视频信息
- python 实现清水河畔的模拟登陆
- 用springmail写发送邮件服务和一个困扰我很久但是很简单的问题
- HTML中 meta http-equiv属性
- vim 插件 youcompleteme full install
- C#泛型的定义、继承、方法和约束