JavaScript实现捕获鼠标坐标
更新时间：2020年04月12日 11:51:44 作者：TomHe789
这篇文章主要为大家详细介绍了JavaScript实现捕获鼠标坐标，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了JavaScript实现捕获鼠标坐标的具体代码，供大家参考，具体内容如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>事件对象</title>
<style>
.box1{
width: 300px;
height: 100px;
border: 1px solid #000;
}
.box2 {
width: 150px;
height: 50px;
border: 1px solid #000;
margin-top: 50px;
padding-top: 10px;
box-sizing: border-box;
text-align: center;
}
</style>
<script>
window.onload = function () {
var box1 = document.getElementsByTagName("div")[0];
var box2 = document.getElementsByTagName("div")[1];
box1.onmousemove = function (event) {
// 解决IE的兼容性问题
event = event || window.event;
box2.innerHTML = "X:" + event.clientX + " Y: " + event.clientY;
}
};
</script>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
本文主要对Javascript中的Label语句通过实例对比进行简要分析，具有很好的参考价值，需要的朋友一起来看下吧2016-12-12
JS生态系统加速一次一库PostCSS SVGO的重构源码和性能优化探索
这篇文章主要介绍了JS生态系统加速一次一库PostCSS SVGO的重构源码和性能优化探索,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2024-01-01
最近没有项目做，闲来没事，于是自己动手写了几个表单验证，特此分享供大家参考2015-11-11
最近接了个项目，其中有这样的需求：当用户想要获取验证码时，就点击免费获取验证码 ，然后开始倒计时，倒计时期间按钮文字为剩余时间x秒，且不可按状态，倒计时结束后，按钮更改为点击重新发送，下面给大家分享js短信验证码倒计时实现代码2016-10-10
array.prototype.silce.call 理解分析
在很多框架中与遇到这个方法，但一时没去研究这个方法，只要前段时间被问到，尴尬无奈收场。所以学习就要追根究底的精神，废话少说，说正题。2010-04-04
【经验总结】编写JavaScript代码时应遵循的14条规律
这篇文章主要介绍了编写JavaScript代码时应遵循的14条规律,涉及javascript变量的定义,函数、表单、json的使用,逻辑运算与页面元素操作技巧等,非常具有实用价值,需要的朋友可以参考下2016-06-06
关于JS性能优化中的冰山一角：事件代理、警惕闭包。其实本文有一个文章已经说到，闭包如何产生，闭包的作用；2011-01-01
这篇文章主要介绍了JS点击链接后慢慢展开隐藏着图片的方法,实例分析了javascript操作图片的隐藏与现实技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
JavaScript的面向对象(二)...2006-11-11
这篇文章主要为大家详细介绍了JavaScript代理和代理的使用的方法，感兴趣的小伙伴们可以参考一下，希望能给你带来帮助2021-08-08
最新评论