如下是得到当前焦点的坐标：
<!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">
<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>
分享到：
相关推荐
通过JS得到当前焦点的坐标 如下是得到当前焦点的坐标： 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <...
【JS腾讯地图API获取坐标位置】是利用JavaScript编程语言与腾讯地图API进行交互，实现获取用户当前位置的功能。在Web开发中，这样的功能常用于提供基于地理位置的服务，如导航、附近搜索等。以下将详细介绍相关知识...
【标题】中的“js + CSS 些的焦点图”指的是使用JavaScript和CSS技术实现的一种网页交互效果，通常称为“焦点图轮播”。焦点图轮播是网页设计中常见的一种元素，用于展示一组图片或内容，用户可以点击或自动滑动在...
4. 控制焦点移动的函数逻辑：在setpostion函数中，根据触发方向键事件的类型（上下左右），对变量x和y进行操作，来改变焦点的当前位置。这里通过判断条件来实现边界限制，使得焦点不能移出预定的区域。 5. 实现焦点...
JavaScript（简称JS）是一种广泛用于Web开发的轻量级编程语言，主要应用于浏览器环境中，用于增强用户界面和交互性。本篇文章将详细讲解JavaScript中的一些关键知识点，包括事件处理、DOM操作、字符串处理、定时器...
**jQuery 苹果iOS风格滑块Banner焦点图特效** 在网页设计中，滑块和焦点图是常见的元素，用于展示多张图片或信息，同时节省页面空间。这种效果尤其适用于移动设备，因为它们能提供良好的用户体验，使得用户可以轻松...
本项目旨在通过纯JS来模拟Excel的核心操作，包括焦点移动和单元格输入，为网页应用提供类似电子表格的功能。下面我们将深入探讨这些关键知识点。 首先，我们关注的是"仿照Excel焦点移动功能"。在Excel中，用户可以...
通过调用`cc()`函数，可以在输入框获得焦点时自动将光标定位到最后一个字符之后，提高了用户体验。 ### 知识点15：获取前一页面的URL ```javascript document.referrer ``` 通过读取`document.referrer`属性，可以...
在JavaScript编程领域，模拟CAD（计算机辅助设计）焦点光标特效是一种常见的技术需求，它能够为用户带来更直观、更具沉浸感的交互体验。本文将深入探讨如何利用JS实现这样的特效，以及涉及到的相关知识点。 首先，...
- `document.activeElement`：获取当前获得焦点的元素。 - `document.captureEvents(Event.KEYDOWN)`：捕获指定类型的事件。 - `document.all("txt").focus();` 和 `document.all("txt").select();`：使元素获得...
JavaScript可以直接在HTML中通过`<script>`标签进行嵌入，或者通过外部`.js`文件引用。 在JavaScript中，`window`对象是全局对象，它代表了浏览器的整个窗口，包括页面内容、工具栏、菜单等。`window`对象拥有许多...
标题“JS弹出一个超酷的小窗口”明确指出本篇将探讨如何利用JavaScript（简称JS）来创建一个具有视觉吸引力的弹出窗口。在现代网页设计中，弹出窗口常用于展示额外信息、广告或用户交互提示等场景，而使用JS可以使...
当文本框获得焦点时，自动将光标移动到最后： ```javascript <script language="javascript"> function cc() { var e = event.srcElement; var r = e.createTextRange(); r.moveStart("character", e.value....
JavaScript焦点图切换是一种常见的网页交互效果，用于展示一组图片或内容，通过自动或手动切换来突出显示不同的元素。在这个上下翻转的焦点图切换实例中，我们主要涉及到以下几个知识点： 1. **HTML 结构**： ...
- 当文本框获得焦点时，使用`createTextRange()`方法来选中其中的所有文本，方便用户操作。 ### 11. 获取页面来源 - 使用`document.referrer`属性来获取用户是从哪个页面进入当前页面的。 ### 12. 控制窗口大小 ...
2. 弹出窗口内容的编写：通过window.open()得到的新窗口对象（本例中为myWindow）可以像操作常规的window对象一样对其进行操作。例如，可以使用document.write()方法在新弹出的窗口中直接写入HTML内容。在代码中，...
总结来说，“JS图片集鼠标放上去局部放大特效”是一种通过JavaScript和CSS实现的交互效果，它提升了用户的浏览体验，让用户能更直观地查看图片的细节。在实际开发中，我们可以根据项目需求进行定制，比如调整放大...
JavaScript中的WINDOW对象是JavaScript在浏览器环境中访问和操作浏览器窗口的核心对象。它包含了与浏览器窗口相关的所有属性和方法，使得开发者能够实现对窗口的各种控制，如打开新的窗口、更改窗口尺寸、滚动内容...