js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性


Posted in Javascript onJanuary 04, 2013

通过JS得到当前焦点的坐标
如下是得到当前焦点的坐标:

<!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>
Javascript 相关文章推荐
可编辑下拉框的2种实现方式
Jun 13 Javascript
JS简单实现点击复制链接的方法
Aug 03 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
微信扫码支付零云插件版实例详解
Apr 26 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
Sep 16 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
May 21 Javascript
validform表单验证的实现方法
Mar 08 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 Javascript
vue 自动化路由实现代码
Sep 03 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 Javascript
什么是SOLID
Mar 24 Javascript
html a标签-超链接中confirm方法使用介绍
Jan 04 #Javascript
密码强度检测效果实现原理与代码
Jan 04 #Javascript
禁止你的左键复制实用技巧
Jan 04 #Javascript
单击按钮显示隐藏子菜单经典案例
Jan 04 #Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 #Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 #Javascript
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 #Javascript
You might like
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
PHP用swoole+websocket和redis实现web一对一聊天
2019/11/05 PHP
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
jquery中checkbox使用方法简单实例演示
2015/11/24 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
2017/07/06 Javascript
微信小程序实现传参数的几种方法示例
2018/01/10 Javascript
Angular刷新当前页面的实现方法
2018/11/21 Javascript
Vue 处理表单input单行文本框的实例代码
2019/05/09 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
JavaScript实现移动端弹窗后禁止滚动
2020/05/25 Javascript
VSCode插件安装完成后的配置(常用配置)
2020/08/24 Javascript
python网络编程之TCP通信实例和socketserver框架使用例子
2014/04/25 Python
详解python OpenCV学习笔记之直方图均衡化
2018/02/08 Python
wtfPython—Python中一组有趣微妙的代码【收藏】
2018/08/31 Python
python集合比较(交集,并集,差集)方法详解
2018/09/13 Python
python最小生成树kruskal与prim算法详解
2019/01/17 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
Django REST框架创建一个简单的Api实例讲解
2019/11/05 Python
TensorFlow 显存使用机制详解
2020/02/03 Python
python 制作网站小说下载器
2021/02/20 Python
台湾饭店和机票预订网站:Expedia台湾
2016/08/05 全球购物
有影响力的人、名人和艺术家的官方商品:Represent
2019/11/26 全球购物
如何进行Linux分区优化
2013/02/12 面试题
大学生的创业计划书就该这么写
2014/01/30 职场文书
迟到检讨书5000字
2014/01/31 职场文书
幼儿园八一建军节活动方案
2014/08/27 职场文书
高中生逃课检讨书
2014/10/10 职场文书
六一儿童节开幕词
2015/01/29 职场文书
社区三八妇女节活动总结
2015/02/06 职场文书
项目安全员岗位职责
2015/02/15 职场文书
深度好文:50条没人告诉你的人生经验,句句精辟
2019/08/22 职场文书
Python基础之变量的相关知识总结
2021/06/23 Python
Redis中有序集合的内部实现方式的详细介绍
2022/03/16 Redis