<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta name="auther" content="fq" />
<title>获取鼠标坐标</title>
</head>
<body>
<script type="text/javascript">
function mousePosition(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mousePosition(ev);
document.getElementById('xxx').value = mousePos.x;
document.getElementById('yyy').value = mousePos.y;
}
document.onmousemove = mouseMove;
</script>
X:<input id="xxx" type="text" /> Y:<input id="yyy" type="text" />
</body>
</html>
上一篇: 下一篇:

相关推荐

Default Image
如何在 JavaScript 中获取数组的长度？
在 JavaScript 中，获取数组的长度可以通过使用数组对象的 length 属性来实现。 例如，如果有一个名为 arr 的数组，你可以使用以下代码来获取它的长度： ``` var arr = [1, 2, 3, 4, 5]; var len = arr.length; console.log(…

Default Image
如何避免 JavaScript 中的异步陷阱？
在 JavaScript 中，异步陷阱指的是由于异步操作的执行顺序与代码中的顺序不一致导致的问题。为了避免异步陷阱，可以采取以下措施： 1. 使用 Promise 对象进行异步操作的管理，Promise 提供了一种处理异步操作的方式，可以使异步操作更加可控。 2. 使用 async/await 关键…

Default Image
JavaScript中如何使用setTimeout函数延迟执行代码？
JavaScript中可以使用setTimeout函数来延迟执行代码，setTimeout函数接受两个参数，第一个参数是要延迟执行的函数名称或者匿名函数，第二个参数是延迟的时间（单位为毫秒）。 下面是一个例子，在延迟3秒之后输出"Hello World!"： ``` setTimeout(funct…

Default Image
如何判断一个变量是数组类型？
在大多数编程语言中，可以使用以下方法来判断一个变量是不是数组类型： 1. 使用typeof运算符判断该变量的类型是否为object。 2. 判断该变量是否具有数组类型的特性。例如，在JavaScript中，可以使用Array.isArray()方法来判断一个变量是否为数组类型。 3. 遍历该变量的每…

Default Image
什么是闭包（Closure）？
闭包指的是一个函数和与其相关的引用环境组合而成的实体。通俗地讲，闭包就是能够读取其他函数内部变量的函数。在JavaScript中，每当创建一个函数时，都会为该函数创建一个闭包。闭包可以使函数访问并操作其外部作用域中的变量，即使在外部函数已经执行完毕之后仍然可以访问这些变量。因此，闭包广泛应用于回调函…

Default Image
How to Create a Basic JavaScript Function
： function myFunction() { // code to be executed }

Default Image
如何在JavaScript中实现高性能的代码？
高性能的最佳实践包括： 1. 使用轻量级的JavaScript库和框架，如jQuery，Ext JS，React等。 2. 尽可能减少DOM操作，尽量使用CSS选择器。 3. 使用压缩和缓存技术，以减少HTTP请求和数据传输量。 4. 使用异步JavaScript加载，以减少页面加载时间。 5. 使…

Default Image
如何在JavaScript中使用正则表达式？
//使用RegExp对象 var regex = new RegExp('pattern', 'flags'); //使用String.prototype.match方法 var string = 'string'; var matches = string.match(regex); //使用St…

Default Image
如何使用JavaScript实现动态网页？
：

Default Image
如何使用JavaScript实现动态网页？
// 使用 DOM 操作

随机推荐

  1. Qoo10趣天日本广告投标助手
  2. 西西趣天采集插件2.0升级版
  3. 西西电商图片下载助手
  4. 西西趣天韩国批量上货助手最新版
  5. 西西趣天日本批量上货助手最新版
  6. dupeGuru – 电脑重复文件查找工具，支持跨平台使用！
  7. Caesium – 图片批量压缩软件
  8. 7-Zip 免费解压软件
  9. TrayS 绿色免安装版 (任务栏美化工具)
  10. AirDroid 3.7.2.1 Android 设备管家远程控制
  11. Snipaste截图软件下载
  12. Everything 1.4.1.1026 文件搜索工具
  13. chromium浏览器伪造sni工具网页版
  14. 迅雷下载去广告VIP绿色精简最终版11.1.12.1692
  15. 免费听音乐 MusicFree 音乐播放器接口完整版