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 相关文章推荐
js Html结构转字符串形式显示代码
Nov 15 Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
深入理解Javascript中的循环优化
Nov 09 Javascript
jQuery中[attribute]选择器用法实例
Dec 31 Javascript
javascript密码强度校验代码(两种方法)
Aug 10 Javascript
jquery制作图片时钟特效
Mar 30 Javascript
AngularJS转换响应内容
Jan 27 Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
Apr 06 Javascript
vuejs使用FormData实现ajax上传图片文件
Aug 08 Javascript
React根据宽度自适应高度的示例代码
Oct 11 Javascript
手动用webpack搭建第一个ReactApp的示例
Apr 11 Javascript
JS+HTML5 canvas绘制验证码示例
Dec 05 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
《魔兽争霸3:重制版》更新 多项视觉效果调整
2020/05/04 魔兽争霸
PHP+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
jquery CSS选择器笔记
2010/03/29 Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
2010/04/01 Javascript
JS仿百度搜索自动提示框匹配查询功能
2013/11/21 Javascript
JS常用函数使用指南
2014/11/23 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
Javascript打印局部页面实例
2016/06/21 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
2016/08/02 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
利用node.js爬取指定排名网站的JS引用库详解
2017/07/25 Javascript
angular $watch 一个变量的变化(实例讲解)
2017/08/02 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
Vue项目组件化工程开发实践方案
2018/01/09 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
浅谈JS中几种轻松处理'this'指向方式
2019/09/16 Javascript
[00:32]2018DOTA2亚洲邀请赛出场——VP
2018/04/04 DOTA
Python正则表达式完全指南
2017/05/25 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
python RabbitMQ 使用详细介绍(小结)
2018/11/08 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
python 进程的几种创建方式详解
2019/08/29 Python
在tensorflow下利用plt画论文中loss,acc等曲线图实例
2020/06/15 Python
Python requests上传文件实现步骤
2020/09/15 Python
html5+css3之CSS中的布局与Header的实现
2014/11/21 HTML / CSS
HTML5如何使用SVG的方法示例
2019/01/11 HTML / CSS
Draper James官网:知名演员瑞茜·威瑟斯彭所创品牌
2017/10/25 全球购物
外贸英语专业求职信范文
2013/12/25 职场文书
留学生求职信
2014/06/03 职场文书
幼儿园辞职信
2015/05/13 职场文书
小学班级标语口号大全
2015/12/26 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
PyTorch的Debug指南
2021/05/07 Python
聊聊Python String型列表求最值的问题
2022/01/18 Python