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的面向对象(一)
Nov 09 Javascript
jQuery聚合函数实例
May 21 Javascript
JS实现的自定义右键菜单实例二则
Sep 01 Javascript
javascript日期处理函数,性能优化批处理
Sep 06 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
Dec 09 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
Vue2 使用 Echarts 创建图表实例代码
May 18 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
vue 项目打包通过命令修改 vue-router 模式 修改 API 接口前缀
Jun 13 Javascript
jQuery实现表格隔行换色
Sep 01 jQuery
js实现轮播图效果 纯js实现图片自动切换
Aug 09 Javascript
微信小程序中使用vant框架的具体步骤
Feb 18 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 gd2 上传图片/文字水印/图片水印/等比例缩略图/实现代码
2010/05/15 PHP
php获取目录所有文件并将结果保存到数组(实例)
2013/10/25 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
smarty模板引擎从配置文件中获取数据的方法
2015/01/22 PHP
php中preg_replace正则替换用法分析【一次替换多个值】
2017/01/17 PHP
PHP使用xpath解析XML的方法详解
2017/05/20 PHP
PHP使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
javascript html 静态页面传参数
2009/04/10 Javascript
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
2013/01/02 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
尝试自己动手用react来写一个分页组件(小结)
2018/02/09 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
2019/04/03 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
2019/10/26 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
浅谈vue websocket nodeJS 进行实时通信踩到的坑
2020/09/22 NodeJs
在Python中操作字典之setdefault()方法的使用
2015/05/21 Python
pandas修改DataFrame列名的方法
2018/04/08 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
python 列表转为字典的两个小方法(小结)
2019/06/28 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
python取均匀不重复的随机数方式
2019/11/27 Python
python实现计算图形面积
2021/02/22 Python
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
阿拉伯世界最大的电子卖场:Souq埃及
2016/08/01 全球购物
电焊工岗位职责
2014/03/06 职场文书
入党积极分子十八届四中全会思想汇报
2014/10/23 职场文书
2014年宣传部个人工作总结
2014/12/06 职场文书
2015元旦联欢晚会结束语
2014/12/14 职场文书
2014年节能工作总结
2014/12/18 职场文书
会计岗位工作总结
2015/08/12 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python
《模拟人生4》推出新补丁 “婚礼奇缘”DLC终于得到修复
2022/04/03 其他游戏