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 相关文章推荐
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
原生JavaScript生成GUID的实现示例
Sep 05 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
浅谈Javascript中的Function与Object
Jan 26 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
详解Node.js如何开发命令行工具
Aug 14 Javascript
js实现打地鼠小游戏
Feb 13 Javascript
深入浅出webpack之externals的使用
Dec 04 Javascript
js实现复制功能(多种方法集合)
Jan 06 Javascript
js实现倒计时器自定义时间和暂停
Feb 25 Javascript
JavaScript函数定义方法实例详解
Mar 05 Javascript
Vue 使用iframe引用html页面实现vue和html页面方法的调用操作
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
第十四节--命名空间
2006/11/16 PHP
PHP输出数组中重名的元素的几种处理方法
2012/09/05 PHP
PHP批量采集下载美女图片的实现代码
2013/06/03 PHP
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
使用时间戳解决ie缓存的问题
2014/08/20 Javascript
js和jquery中循环的退出和继续学习记录
2014/09/06 Javascript
jquery点击缩略图切换视频播放特效代码分享
2015/09/15 Javascript
详解JavaScript操作HTML DOM的基本方式
2015/10/21 Javascript
解决js图片加载时出现404的问题
2020/11/30 Javascript
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
js操作数据库实现注册和登陆的简单实例
2016/05/26 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
2017/01/10 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
vue生命周期和react生命周期对比【推荐】
2018/09/19 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
详解jQuery中的getAll()和cleanData()
2019/04/15 jQuery
vue 进阶之实现父子组件间的传值
2019/04/26 Javascript
Django框架中render_to_response()函数的使用方法
2015/07/16 Python
答题辅助python代码实现
2018/01/16 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
python str字符串转uuid实例
2020/03/03 Python
Django实现前台上传并显示图片功能
2020/05/29 Python
python获取天气接口给指定微信好友发天气预报
2020/12/28 Python
纯css实现照片墙3D效果的示例代码
2017/11/13 HTML / CSS
基于HTML5超酷摄像头(HTML5 webcam)拍照功能实现代码
2012/12/13 HTML / CSS
设置器与访问器的定义以及各自特点
2016/01/08 面试题
物业管理个人自我评价
2013/11/08 职场文书
英语老师推荐信
2014/02/26 职场文书
医学生毕业自我鉴定
2014/03/26 职场文书
国庆节演讲稿
2014/05/27 职场文书
销售提升方案
2014/06/07 职场文书
仙境之桥观后感
2015/06/16 职场文书
城南旧事读书笔记
2015/06/29 职场文书
Python re.sub 反向引用的实现
2021/07/07 Python
python 离散点图画法的实现
2022/04/01 Python