JS网页在线获取鼠标坐标值的方法


Posted in Javascript onFebruary 28, 2015

本文实例讲述了JS网页在线获取鼠标坐标值的方法。分享给大家供大家参考。具体实现方法如下:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>显示鼠标坐标</title>

</head>

<body onMousemove="micro$oftMouseMove()">

<SCRIPT LANGUAGE="JavaScript">

if (navigator.appName == 'Netscape')

{

document.captureEvents(Event.MOUSEMOVE);

document.onmousemove = netscapeMouseMove;

}

function netscapeMouseMove(e) {

if (e.screenX != document.test.x.value && e.screenY != document.test.y.value);

{

document.test.x.value = e.screenX;

document.test.y.value = e.screenY;

}

}

function micro$oftMouseMove() {

if (window.event.x != document.test.x.value && window.event.y != document.test.y.value);

{

document.test.x.value = window.event.x;

document.test.y.value = window.event.y;

}

}

</SCRIPT>

<FORM NAME="test">

X: <INPUT TYPE="TEXT" NAME="x" SIZE="4"> 

Y: <INPUT TYPUE="TEXT" NAME="y" SIZE="4">

</FORM>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
奉献给JavaScript初学者的编写开发的七个细节
Jan 11 Javascript
封装html的select标签的js操作实例
Jul 02 Javascript
原生javascript图片自动或手动切换示例附演示源码
Sep 04 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
js制作简易年历完整实例
Jan 28 Javascript
js获取页面description的方法
May 21 Javascript
浅谈javascript中的事件冒泡和事件捕获
Dec 28 Javascript
Vue组件中的data必须是一个function的原因浅析
Sep 03 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
vue实现局部刷新的实现示例
Apr 16 Javascript
灵活使用console让js调试更简单的方法步骤
Apr 23 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
Aug 21 Javascript
js实现背景图片感应鼠标变化的方法
Feb 28 #Javascript
常用的JavaScript模板引擎介绍
Feb 28 #Javascript
JavaScript操作Cookie详解
Feb 28 #Javascript
js实现可得到不同颜色值的颜色选择器实例
Feb 28 #Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
Feb 28 #Javascript
JS实现很酷的EMAIL地址添加功能实例
Feb 28 #Javascript
浅谈JavaScript数据类型及转换
Feb 28 #Javascript
You might like
浅析PHP水印技术
2007/02/14 PHP
js 实现css风格选择器(压缩后2KB)
2012/01/12 Javascript
jquery select动态加载选择(兼容各种浏览器)
2013/02/01 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
javascript中获取元素标签中间的内容的实现方法
2016/10/08 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
微信小程序实现美团菜单
2018/06/06 Javascript
layui实现table加载的示例代码
2018/08/14 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
angularjs模态框的使用代码实例
2019/12/20 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
python发送arp欺骗攻击代码分析
2014/01/16 Python
手动实现把python项目发布为exe可执行程序过程分享
2014/10/23 Python
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
20个常用Python运维库和模块
2018/02/12 Python
使用Numpy读取CSV文件,并进行行列删除的操作方法
2018/07/04 Python
python实现求特征选择的信息增益
2018/12/18 Python
深入解析神经网络从原理到实现
2019/07/26 Python
Python编译为二进制so可执行文件实例
2019/12/23 Python
python 非线性规划方式(scipy.optimize.minimize)
2020/02/11 Python
详解pycharm配置python解释器的问题
2020/10/15 Python
Python通过format函数格式化显示值
2020/10/17 Python
CSS+jQuery+PHP+MySQL实现的在线答题功能
2015/04/25 HTML / CSS
使用CSS3的ruby-position固定注音位置的用法示例
2016/07/05 HTML / CSS
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
彪马英国官网:PUMA英国
2019/02/11 全球购物
社团文化节邀请函
2014/01/10 职场文书
男方父母证婚词
2014/01/12 职场文书
语文教学随笔感言
2014/02/18 职场文书
技术入股合作协议书
2016/03/21 职场文书
Windows下使用Nginx+Tomcat做负载均衡的完整步骤
2021/03/31 Servers
多表查询、事务、DCL
2021/04/05 MySQL
用Python爬取英雄联盟的皮肤详细示例
2021/12/06 Python
Java中API的使用方法详情
2022/04/06 Java/Android