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 剧场版 你必须知道的javascript
May 27 Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
Mar 12 Javascript
JavaScript伸缩的菜单简单示例
Dec 03 Javascript
10分钟学会写Jquery插件实例教程
Sep 06 Javascript
JQuery中基础过滤选择器用法实例分析
May 18 Javascript
JS实现选中当前菜单后高亮显示的导航条效果
Oct 15 Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 Javascript
在vue中封装可复用的组件方法
Mar 01 Javascript
解决layui上传文件提示上传异常,实际文件已经上传成功的问题
Aug 19 Javascript
Bootstrap-table自定义可编辑每页显示记录数
Sep 07 Javascript
小程序实现上下切换位置
Nov 16 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/ThinkPHP实现批量打包下载文件的方法示例
2017/07/31 PHP
php抽象方法和普通方法的区别点总结
2019/10/13 PHP
验证用户是否修改过页面的数据的实现方法
2008/09/26 Javascript
javascript+mapbar实现地图定位
2010/04/09 Javascript
基于jquery 的一个progressbar widge
2010/10/29 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
jquery 隐藏与显示tr标签示例代码
2014/06/06 Javascript
js实现两点之间画线的方法
2015/05/12 Javascript
快速使用Bootstrap搭建传送带
2016/05/06 Javascript
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
2017/04/01 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
python实现迭代法求方程组的根过程解析
2019/11/25 Javascript
在vue中实现echarts随窗体变化
2020/07/27 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
使用Python将数组的元素导出到变量中(unpacking)
2016/10/27 Python
Python+Socket实现基于TCP协议的客户与服务端中文自动回复聊天功能示例
2017/08/31 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
Python import与from import使用及区别介绍
2018/09/06 Python
Python os.access()用法实例
2019/02/18 Python
Python 基于FIR实现Hilbert滤波器求信号包络详解
2020/02/26 Python
python 连续不等式语法糖实例
2020/04/15 Python
Django Path转换器自定义及正则代码实例
2020/05/29 Python
Sarenza德国:法国最大的时尚鞋和包包网上商店
2019/06/08 全球购物
优秀大学生推荐信范文
2013/11/28 职场文书
学生打架检讨书1000字
2014/01/16 职场文书
能源工程专业应届生求职信
2014/03/01 职场文书
如何写一份好的英文求职信
2014/03/19 职场文书
土建专业大学生自荐信范文
2014/04/09 职场文书
党员民主生活会个人整改措施材料
2014/09/16 职场文书
群众路线专项整治方案
2014/10/27 职场文书
幼师个人总结范文
2015/02/28 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
小学班主任教育随笔
2015/08/15 职场文书
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫
使用CSS实现百叶窗效果示例代码
2023/05/07 HTML / CSS