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字典探测用户名工具
Oct 05 Javascript
基于jquery的checkbox下拉框插件代码
Jun 25 Javascript
Jquery + Ajax调用webService实例代码(asp.net)
Aug 27 Javascript
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
Jul 10 Javascript
JavaScript动态改变表格单元格内容的方法
Mar 30 Javascript
JavaScript的RequireJS库入门指南
Jul 01 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 Javascript
利用Query+bootstrap和js两种方式实现日期选择器
Jan 10 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 Javascript
vue中实现高德定位功能
Dec 03 Javascript
Javascript表单序列化原理及实现代码详解
Oct 30 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使用curl简单抓取远程url的方法
2015/03/13 PHP
php实现在线考试系统【附源码】
2018/09/18 PHP
PHPStorm2020.1永久激活及下载更新至2020(推荐)
2020/09/25 PHP
Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
2013/04/11 Javascript
JS 模态对话框和非模态对话框操作技巧汇总
2013/04/15 Javascript
浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
2014/01/10 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
2014/01/28 Javascript
Javascript 按位左移运算符使用介绍(
2014/02/04 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
2014/09/01 Javascript
jQuery中even选择器的定义和用法
2014/12/23 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
jQuery页面加载初始化的3种方法(推荐)
2016/06/02 Javascript
异步加载JS、CSS代码(推荐)
2016/06/15 Javascript
JS封装的三级联动菜单(使用时只需要一行js代码)
2016/10/24 Javascript
NodeJS学习笔记之Module的简介
2017/03/24 NodeJs
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
2017/05/05 jQuery
Vue中保存用户登录状态实例代码
2017/06/07 Javascript
Vue.js对象转换实例
2017/06/07 Javascript
Vue Echarts实现可视化世界地图代码实例
2019/05/07 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
python3.4.3下逐行读入txt文本并去重的方法
2018/04/29 Python
django允许外部访问的实例讲解
2018/05/14 Python
pycharm new project变成灰色的解决方法
2019/06/27 Python
Python 经典算法100及解析(小结)
2019/09/13 Python
pycharm通过anaconda安装pyqt5的教程
2020/03/24 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
Python 字符串池化的前提
2020/07/03 Python
python设置表格边框的具体方法
2020/07/17 Python
Python3.7安装PyQt5 运行配置Pycharm的详细教程
2020/10/15 Python
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
请用Python写一个获取用户输入数字,并根据数字大小输出不同信息的脚本
2014/05/20 面试题
档案检查欢迎词
2014/01/13 职场文书
Python代码实现双链表
2022/05/25 Python