Javascript获取当前鼠标在元素内的坐标定位
2024-08-28 11:01:23
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>获取鼠标在Canvas中的坐标位置</title>
<style>
#canvas{
border:1px solid #ccc;
width:300px;
height:300px;
overflow:hidden;
}
</style>
<script>
function get_canvas(ev,obj){
m_clientX = ev.clientX-obj.offsetLeft;
m_clientY = ev.clientY-obj.offsetTop;
document.getElementById("tips").innerHTML = "当前坐标:X:"+ m_clientX + " ,Y:" +m_clientY;
}
</script>
</head>
<body>
<div id="tips"></div>
<div id="canvas" onmousemove="get_canvas(event,this)"></div>
</body>
</html>
兼容IE8+
最新文章
- 使用SqlDataReader和SqlDataAdapter的注意
- css基本设置
- css3属性选择器
- 一个千万量级的APP使用的一些第三方库
- ansible模块authorized_key
- Android -- 创建数据库到SD卡
- BZOJ3919 : [Baltic2014]portals
- timus 1109 Conference(二分图匹配)
- vbox磁盘空间扩容
- jsp值传到后台Struts2中的action三种方法
- devexpress中用ChartControl生成柱状图
- 【深度学习篇】--Seq2Seq模型从初识到应用
- [Ynoi2018]未来日记
- 虚拟机安装精简版centos7过程
- 【渗透技术】渗透测试技术分析_TomCat
- the pitfull way to create a uClinux image including gdb.
- CHAPTER 7 Science in Islam 第7章 伊斯兰中的科学
- 配置github的SSH key及GitHub项目上传方式一——使用终端命令行
- Windows环境和Linux环境下Redis主从复制配置
- [Erlang35]Erlang18的time