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中如何得到中英文混合字符串的长度
Jan 17 Javascript
jquery $.trim()方法使用介绍
May 21 Javascript
jQuery中first()方法用法实例
Jan 06 Javascript
JS选中checkbox后获取table内一行TD所有数据的方法
Jul 01 Javascript
jQuery添加和删除指定标签的方法
Dec 16 Javascript
js实现无缝循环滚动
Jun 23 Javascript
简单谈谈关于 npm 5.0 的新坑
Jun 08 Javascript
基于ES6 Array.of的用法(实例讲解)
Sep 05 Javascript
React Native验证码倒计时工具类分享
Oct 24 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 Javascript
js实现全选和全不选
Jul 28 Javascript
在Vue中使用HOC模式的实现
Aug 23 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工厂模式
2014/11/25 PHP
PHP判断用户是否已经登录(跳转到不同页面或者执行不同动作)
2016/09/22 PHP
PHP PDOStatement::setFetchMode讲解
2019/02/03 PHP
PHP实现chrome表单请求数据转换为接口使用的json数据
2021/03/04 PHP
漂亮的仿flash菜单,来自蓝色经典
2006/06/26 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
2011/03/01 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
JS+CSS实现下拉列表框美化效果(3款)
2015/08/15 Javascript
全面解析Bootstrap中Carousel轮播的使用方法
2016/06/13 Javascript
浅谈JavaScript中面向对象的的深拷贝和浅拷贝
2016/08/01 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
2016/09/17 Javascript
JS小数转换为整数的方法分析
2017/01/07 Javascript
利用jquery正则表达式在页面验证url网址输入是否正确
2017/04/04 jQuery
AngularJS 控制器 controller的详解
2017/10/17 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
2017/12/25 Javascript
详解Node.js中的Async和Await函数
2018/02/22 Javascript
jQuery分组选择器简单用法示例
2019/04/04 jQuery
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
vuex存储token示例
2019/11/11 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
[02:49]2014DOTA2电竞也是体育项目! 势要把荣誉带回中国!
2014/07/20 DOTA
Python文件夹与文件的操作实现代码
2014/07/13 Python
Pycharm新手教程(只需要看这篇就够了)
2019/06/18 Python
python 实现识别图片上的数字
2019/07/30 Python
Python descriptor(描述符)的实现
2020/11/15 Python
css3发光搜索表单分享
2014/04/11 HTML / CSS
HTML5制作酷炫音频播放器插件图文教程
2014/12/30 HTML / CSS
澳大利亚在线床零售商:Bedworks
2020/09/01 全球购物
static全局变量与普通的全局变量有什么区别?static局部变量和普通局部变量有什么区别?static函数与普通函数有什么区别?
2015/02/22 面试题
行政人事专员岗位职责
2014/03/05 职场文书
初婚未育证明样本
2014/10/24 职场文书
后备干部推荐材料
2014/12/24 职场文书
2015年语文教师工作总结
2015/05/25 职场文书
有关浪费资源的建议书
2015/09/14 职场文书
三严三实·严以律己心得体会
2016/01/13 职场文书
HashMap实现保存两个key相同的数据
2021/06/30 Java/Android