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 相关文章推荐
js chrome浏览器判断代码
Mar 28 Javascript
jquerymobile局部渲染的各种刷新方法小结
Mar 05 Javascript
jquery分页插件jquery.pagination.js使用方法解析
Apr 01 Javascript
jQuery实现定位滚动条位置
Aug 05 Javascript
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
浅谈Vue 性能优化之深挖数组
Dec 11 Javascript
vue.js的状态管理vuex中store的使用详解
Nov 08 Javascript
js实现贪吃蛇游戏 canvas绘制地图
Sep 09 Javascript
vue-router定义元信息meta操作
Dec 07 Vue.js
Vue-router中hash模式与history模式的区别详解
Dec 15 Vue.js
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/03/18 PHP
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
js中settimeout方法加参数
2014/02/28 Javascript
.NET微信公众号开发之创建自定义菜单
2015/07/16 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
three.js快速入门【推荐】
2017/01/21 Javascript
vue-cli+webpack项目 修改项目名称的方法
2018/02/28 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
2018/08/24 Javascript
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
Vue+webpack实现懒加载过程解析
2020/02/17 Javascript
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
[01:20]PWL S2开团时刻第三期——团战可以输 蝙蝠必须死
2020/11/26 DOTA
在Heroku云平台上部署Python的Django框架的教程
2015/04/20 Python
详解Python中break语句的用法
2015/05/14 Python
对Python3中的input函数详解
2018/04/22 Python
Python 实现数据结构-循环队列的操作方法
2019/07/17 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
CSS3实现文字波浪线效果示例代码
2016/11/20 HTML / CSS
UGG雪地靴德国官网:UGG德国
2016/11/19 全球购物
新春寄语大全
2014/04/09 职场文书
初中学生评语大全
2014/04/24 职场文书
工作评语大全
2014/04/26 职场文书
保护野生动物倡议书
2014/05/16 职场文书
2014年秋季开学寄语
2014/08/02 职场文书
党员个人公开承诺书
2014/08/29 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
《为人民服务》教学反思
2016/02/20 职场文书
springboot临时文件存储目录配置方式
2021/07/01 Java/Android
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers
《勇者辞职不干了》ED主题曲无字幕动画MV公开
2022/04/13 日漫
python神经网络 使用Keras构建RNN训练
2022/05/04 Python