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 相关文章推荐
使用ExtJS技术实现的拖动树结点
Aug 05 Javascript
JavaScript获取按钮所在form表单id的方法
Apr 02 Javascript
AngularJS基础 ng-disabled 指令详解及简单示例
Aug 01 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
Vue服务端渲染和Vue浏览器端渲染的性能对比(实例PK )
Mar 31 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
浅谈react前后端同构渲染
Sep 20 Javascript
JavaScript代码执行的先后顺序问题
Oct 29 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
JS数组扁平化、去重、排序操作实例详解
Feb 24 Javascript
vue 调用 RESTful风格接口操作
Aug 11 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中如何定义和使用常量
2013/02/28 PHP
浅析php原型模式
2014/11/25 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
2017/07/13 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
Laravel获取所有的数据库表及结构的方法
2019/10/10 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
PHP copy函数使用案例代码解析
2020/09/01 PHP
document.documentElement &amp;&amp; document.documentElement.scrollTop
2007/12/01 Javascript
JS弹出对话框返回值代码(asp.net后台)
2010/12/28 Javascript
jQuery.clean使用方法及思路分析
2013/01/07 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
JS+CSS实现下拉列表框美化效果(3款)
2015/08/15 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
2015/12/17 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
JavaScript代码实现图片循环滚动效果
2020/03/19 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
2016/12/02 Javascript
ES6生成器用法实例分析
2017/04/10 Javascript
Three.js利用dat.GUI如何简化试验流程详解
2017/09/26 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
原生JS实现的放大镜特效示例【测试可用】
2018/12/08 Javascript
Vue.js数字输入框组件使用方法详解
2019/10/19 Javascript
JavaScript对象原型链原理详解
2020/02/05 Javascript
微信小程序实现翻牌抽奖动画
2020/09/21 Javascript
python mysqldb连接数据库
2009/03/16 Python
python安装与使用redis的方法
2016/04/19 Python
python 移除字符串尾部的数字方法
2018/07/17 Python
Django 配置多站点多域名的实现步骤
2019/05/17 Python
python实现每天自动签到领积分的示例代码
2020/08/18 Python
numba提升python运行速度的实例方法
2021/01/25 Python
Topshop美国官网:英国快速时尚品牌
2019/05/16 全球购物
财务与信息服务专业推荐信
2013/11/28 职场文书
设计总监岗位职责
2013/12/07 职场文书
招商引资工作汇报材料
2014/10/28 职场文书
房产销售员2015年终工作总结
2015/10/22 职场文书