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 相关文章推荐
javascript生成/解析dom的CDATA类型的字段的代码
Apr 22 Javascript
关于jquery的多个选择器的使用示例
Oct 18 Javascript
js交换排序 冒泡排序算法(Javascript版)
Oct 04 Javascript
浅谈JavaScript Math和Number对象
Jan 26 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
Apr 15 Javascript
JavaScript阻止回车提交表单的方法
Dec 30 Javascript
一个超简单的jQuery回调函数例子(分享)
Aug 08 Javascript
Jq通过td获取同行其它列td的方法
Oct 05 Javascript
微信小程序 数据绑定详解及实例
Oct 25 Javascript
vue实现tab切换外加样式切换方法
Mar 16 Javascript
微信小程序实现canvas分享朋友圈海报
Jun 21 Javascript
手写Vue源码之数据劫持示例详解
Jan 04 Vue.js
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
smarty模板引擎基础知识入门
2015/03/30 PHP
php通过PHPExcel导入Excel表格到MySQL数据库的简单实例
2016/10/29 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
js网页侧边随页面滚动广告效果实现
2011/04/14 Javascript
下拉菜单点击实现连接跳转功能的js代码
2013/05/19 Javascript
如何解决Jquery库及其他库之间的$命名冲突
2013/09/15 Javascript
Node.js 异步编程之 Callback介绍(一)
2015/03/30 Javascript
javascript实现回到顶部特效
2015/05/06 Javascript
PHP抓取HTTPS内容和错误处理的方法
2016/09/30 Javascript
详解js中Json的语法与格式
2016/11/22 Javascript
解决nodejs中使用http请求返回值为html时乱码的问题
2017/02/18 NodeJs
js实现股票实时刷新数据案例
2017/05/14 Javascript
用Vue.extend构建消息提示组件的方法实例
2017/08/08 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
详解Angular5 路由传参的3种方法
2018/04/28 Javascript
vue项目实现github在线预览功能
2018/06/20 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
2018/08/10 Javascript
vue-cli中使用高德地图的方法示例
2019/03/28 Javascript
JS实现移动端点击按钮复制文本内容
2019/07/28 Javascript
vue  elementUI 表单嵌套验证的实例代码
2019/11/06 Javascript
如何使用JavaScript检测空闲的浏览器选项卡
2020/05/28 Javascript
python正则表达式之作业计算器
2016/03/18 Python
Python实现将Excel转换为json的方法示例
2017/08/05 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
Django 实现购物车功能的示例代码
2018/10/08 Python
在vscode中启动conda虚拟环境的思路详解
2020/12/25 Python
学生实习推荐信范文
2013/11/26 职场文书
学生请假条
2014/04/11 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
计算机科学技术自荐信
2014/06/12 职场文书
大卫科波菲尔读书笔记
2015/06/30 职场文书
迎新生欢迎词2015
2015/07/16 职场文书
法制工作总结2015
2015/07/23 职场文书
Django中的JWT身份验证的实现
2021/05/07 Python
Golang 获取文件md5校验的方法以及效率对比
2021/05/08 Golang
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android