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 jq 单击和双击区分示例介绍
Nov 05 Javascript
JSON.parse()和JSON.stringify()使用介绍
Jun 20 Javascript
JavaScript原型及原型链终极详解
Jan 04 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
Mar 25 Javascript
jQuery操作DOM_动力节点Java学院整理
Jul 04 jQuery
把vue-router和express项目部署到服务器的方法
Feb 21 Javascript
微信小程序上线发布流程图文详解
May 06 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
在vue-cli中引入lodash.js并使用详解
Nov 13 Javascript
Vue初始化中的选项合并之initInternalComponent详解
Jun 11 Javascript
Postman内建变量常用方法实例解析
Jul 28 Javascript
详解Typescript里的This的使用方法
Jan 08 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
用PHPdig打造属于你自己的Google[图文教程]
2007/02/14 PHP
让PHP更快的提供文件下载的代码
2012/06/13 PHP
PHP实现的迷你漂流瓶
2015/07/29 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
PHP实现表单提交时去除斜杠的方法
2016/12/26 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
php图片合成方法(多张图片合成一张)
2017/11/25 PHP
JavaScript程序员应该知道的45个实用技巧
2014/03/04 Javascript
javascript实现限制上传文件大小
2015/02/06 Javascript
javascript合并表格单元格实例代码
2016/01/03 Javascript
javascript禁止超链接跳转的方法
2016/02/02 Javascript
Bootstrap创建可折叠的组件
2016/02/23 Javascript
Bootstrap实现渐变顶部固定自适应导航栏
2020/08/27 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
vue实现app页面切换动画效果实例
2017/05/23 Javascript
详解Angular2响应式表单
2017/06/14 Javascript
原生js+cookie实现购物车功能的方法分析
2017/12/21 Javascript
vue.js实现只弹一次弹框
2018/01/29 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
基于js Canvas实现二次贝塞尔曲线
2018/12/25 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
Fundebug支持监控微信小程序HTTP请求错误的方法
2019/02/21 Javascript
原生js实现each方法实例代码详解
2019/05/27 Javascript
Python功能键的读取方法
2015/05/28 Python
Python回调函数用法实例详解
2015/07/02 Python
详解python爬虫系列之初识爬虫
2019/04/06 Python
python networkx 包绘制复杂网络关系图的实现
2019/07/10 Python
基于Pytorch SSD模型分析
2020/02/18 Python
python matplotlib包图像配色方案分享
2020/03/14 Python
Python本地及虚拟解释器配置过程解析
2020/10/13 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
EJB与JAVA BEAN的区别
2016/08/29 面试题
创业计划书模版
2014/02/05 职场文书
西式婚礼主持词
2014/03/13 职场文书
大学生求职信怎么写
2015/03/19 职场文书
离婚起诉书范本
2015/05/18 职场文书