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 相关文章推荐
jquery 按钮状态效果 正常、移上、按下
Aug 12 Javascript
jQuery遍历对象、数组、集合实例
Nov 08 Javascript
微信小程序 标签传入数据
May 08 Javascript
Ionic3 UI组件之autocomplete详解
Jun 08 Javascript
微信小程序的生命周期的详解
Oct 19 Javascript
AngularJS实现的输入框字数限制提醒功能示例
Oct 26 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
Feb 08 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 Javascript
Vue分页插件的前后端配置与使用
Oct 09 Javascript
Vue 实现输入框新增搜索历史记录功能
Oct 15 Javascript
100行代码实现vue表单校验功能(小白自编)
Nov 19 Javascript
Javascript柯里化实现原理及作用解析
Oct 22 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实现AES256加密算法实例
2014/09/22 PHP
php eval函数一句话木马代码
2015/05/21 PHP
php开发微信支付获取用户地址
2015/10/04 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
PHP+sqlite数据库操作示例(创建/打开/插入/检索)
2016/05/26 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
Laravel学习教程之model validation的使用示例
2017/10/23 PHP
详解Laravel5.6 Passport实现Api接口认证
2018/07/27 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript 类型的包装对象(Typed Wrappers)
2011/10/27 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
Javascript获取HTML静态页面参数传递值示例
2013/08/18 Javascript
使用JS画图之点、线、面
2015/01/12 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
2016/05/30 Javascript
Vue 短信验证码组件开发详解
2017/02/14 Javascript
JS实现的简单图片切换功能示例【测试可用】
2017/02/14 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
vue 获取url里参数的两种方法小结
2020/11/12 Javascript
[51:26]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第二局
2016/03/03 DOTA
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
小白入门篇使用Python搭建点击率预估模型
2018/10/12 Python
Python基本socket通信控制操作示例
2019/01/30 Python
Python发展简史 Python来历
2019/05/14 Python
python内存管理机制原理详解
2019/08/12 Python
面向对象学习之pygame坦克大战
2019/09/11 Python
python不相等的两个字符串的 if 条件判断为True详解
2020/03/12 Python
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
Mytheresa中国官网:德国时尚奢侈品商城
2017/08/04 全球购物
写自荐信的注意事项
2014/03/09 职场文书
法学专业求职信
2014/07/15 职场文书
会计电算化实训报告
2014/11/04 职场文书
实习单位证明范例
2014/11/17 职场文书
简单的个人租房协议书范本
2014/11/26 职场文书
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript
Python读写yaml文件
2022/03/20 Python