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 汉字字节判断
Aug 01 Javascript
jquery移除button的inline onclick事件(已测试及兼容浏览器)
Jan 25 Javascript
js获取GridView中行数据的两种方法 分享
Jul 13 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
jquery的ajax简单结构示例代码
Feb 17 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
JS中JSON对象和String之间的互转及处理技巧
Apr 06 Javascript
js仿百度切换皮肤功能(html+css)
Jul 10 Javascript
easyui messager alert 三秒后自动关闭提示的实例
Nov 07 Javascript
JavaScript数据结构之数组的表示方法示例
Apr 12 Javascript
Vue单页应用引用单独的样式文件的两种方式
Mar 30 Javascript
JavaScript利用键盘码控制div移动
Mar 19 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
ninety plus是什么?ninety plus咖啡好吗?
2021/03/04 新手入门
PHP5/ZendEngine2的改进
2006/10/09 PHP
PHP:风雨欲来 路在何方?
2006/10/09 PHP
PHP图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
php将html转为图片的实现方法
2017/05/19 PHP
laravel框架中表单请求类型和CSRF防护实例分析
2019/11/23 PHP
下载站控制介绍字数显示的脚本 显示全部 隐藏介绍等功能
2009/09/19 Javascript
基于jquery的表格排序
2010/09/11 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
2015/11/30 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
2015/12/08 Javascript
jQuery实现带水平滑杆的焦点图动画插件
2016/03/08 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
jQuery阻止移动端遮罩层后页面滚动
2017/03/15 Javascript
浅谈angularjs中响应回车事件
2017/04/24 Javascript
bootstrap table单元格新增行并编辑
2017/05/19 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
vue 中Virtual Dom被创建的方法
2019/04/15 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
layui插件表单验证提交触发提交的例子
2019/09/09 Javascript
微信小程序wxml列表渲染原理解析
2019/11/27 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
Python与Java间Socket通信实例代码
2017/03/06 Python
对python添加模块路径的三种方法总结
2018/10/16 Python
python 整数越界问题详解
2019/06/27 Python
结合OpenCV与TensorFlow进行人脸识别的实现
2019/10/10 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
关于keras中keras.layers.merge的用法说明
2020/05/23 Python
印尼披萨外送专家:Domino’s Pizza印尼
2017/12/28 全球购物
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
小学运动会班级口号
2014/06/09 职场文书
机电专业毕业生求职信
2014/07/01 职场文书
2015年市场部工作总结
2015/04/30 职场文书