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中使用Ajax获取JSON格式数据示例代码
Nov 26 Javascript
手机平板等移动端适配跳转URL的js代码
Jan 25 Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
javascript模拟php函数in_array
Apr 27 Javascript
jquery仿百度百科底部浮动导航特效
Aug 08 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
Nov 17 Javascript
jquery.validate使用详解
Jun 02 Javascript
jQuery实现的粘性滚动导航栏效果实例【附源码下载】
Oct 19 jQuery
Vue.js实现的表格增加删除demo示例
May 22 Javascript
原生JS实现列表子元素顺序反转的方法分析
Jul 02 Javascript
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 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/11/25 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
js同时按下两个方向键
2007/12/01 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
2015/03/13 Javascript
javascript实现获取字符串hash值
2015/05/10 Javascript
jQuery实现dialog设置focus焦点的方法
2015/06/10 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
引用jquery框架后出错的解决方法
2016/08/09 Javascript
vue使用keep-alive实现数据缓存不刷新
2017/10/21 Javascript
详解react关于事件绑定this的四种方式
2018/03/09 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
Angular之jwt令牌身份验证的实现
2020/02/14 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
python实现mysql的单引号字符串过滤方法
2015/11/14 Python
在python中获取div的文本内容并和想定结果进行对比详解
2019/01/02 Python
Python基础教程之异常详解
2019/01/10 Python
详解Python计算机视觉 图像扭曲(仿射扭曲)
2019/03/27 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
Python的缺点和劣势分析
2019/11/19 Python
python实现画出e指数函数的图像
2019/11/21 Python
使用CSS3实现input多选框自定义样式的方法示例
2019/07/19 HTML / CSS
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?用contains来区分是否有重复的对象。还是都不用
2013/07/30 面试题
MySQL面试题
2014/01/12 面试题
取保候审保证书
2014/04/30 职场文书
尊师重教主题班会
2015/08/14 职场文书
趣味运动会口号
2015/12/24 职场文书
《社戏》教学反思
2016/02/22 职场文书
原来实习报告是这样写的呀!
2019/07/03 职场文书
《和时间赛跑》读后感3篇
2019/12/16 职场文书
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL