jquery教程

推荐列表 站点导航

当前位置:首页 > jquery > jquery教程 >

js获取鼠标坐标 js获取鼠标像素点

来源:网络整理  作者:  发布时间:2020-12-22 23:27
本文介绍了js获取鼠标坐标,以及js获取鼠标像素点的实例代码,有需要的朋友参考下。...

使用js获取鼠标坐标,获取鼠标像素点,运行本页面后,随意移动鼠标的位置,可适时显现鼠标的坐标点,不占用系统资源。

代码:
 

复制代码 代码示例:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "">
<html xmlns="">
<head>
<title>javascript获取鼠标坐标--ym97.com/wenku</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<style type="text/css">
.tip {
width:200px;
border:2px solid #ddd;
padding:8px;
background:#f1f1f1;
color:#666;
}
</style>
<script type="text/javascript">
function mousepos(e){
var x,y;
var e = e||window.event;
return {
x:e.clientx+document.body.scrollleft+document.documentelement.scrollleft,
y:e.clienty+document.body.scrolltop+document.documentelement.scrolltop
};
};
function test(e){
document.getelementbyid("mjs").innerhtml = mousepos(e).x+','+mousepos(e).y;
};
</script>
</head>
<body>
<div id="mjs" class="tip">jquery中文网 编辑整理</div>
<div id="test" style="width:1000px;height:1000px;background:#ccc;" onmousemove="test(event)"></div>
</body>
</html>

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jq/jc/7656.shtml

相关文章
最新文章
PHP识别相片是否是颠倒的 PHP识别相片是否是颠倒的

时间:2020-12-28

python编程有哪些ide python编程有哪些ide

时间:2020-12-28

python开发工程师是做什么 python开发工程师是做什么

时间:2020-12-28

php构造函数的作用 php构造函数的作用

时间:2020-12-28

php怎么跟数据库连接 php怎么跟数据库连接

时间:2020-12-28

php实现顺序线性表 php实现顺序线性表

时间:2020-12-28

Python多重继承中的菱形继 Python多重继承中的菱形继

时间:2020-12-28

php中break的作用 php中break的作用

时间:2020-12-28

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

js获取鼠标坐标 js获取鼠标像素点

2020-12-22 编辑:

使用js获取鼠标坐标,获取鼠标像素点,运行本页面后,随意移动鼠标的位置,可适时显现鼠标的坐标点,不占用系统资源。

代码:
 

复制代码 代码示例:

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "">
<html xmlns="">
<head>
<title>javascript获取鼠标坐标--ym97.com/wenku</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<style type="text/css">
.tip {
width:200px;
border:2px solid #ddd;
padding:8px;
background:#f1f1f1;
color:#666;
}
</style>
<script type="text/javascript">
function mousepos(e){
var x,y;
var e = e||window.event;
return {
x:e.clientx+document.body.scrollleft+document.documentelement.scrollleft,
y:e.clienty+document.body.scrolltop+document.documentelement.scrolltop
};
};
function test(e){
document.getelementbyid("mjs").innerhtml = mousepos(e).x+','+mousepos(e).y;
};
</script>
</head>
<body>
<div id="mjs" class="tip">jquery中文网 编辑整理</div>
<div id="test" style="width:1000px;height:1000px;background:#ccc;" onmousemove="test(event)"></div>
</body>
</html>

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jq/jc/7656.shtml

相关文章

风云图片

推荐阅读

返回jquery教程频道首页