JS获取鼠标位置距浏览器窗口距离的方法示例
作者：布瑞泽的童话 发布时间：2024-04-19 10:06:14
标签：JS,鼠标,位置,窗口
本文实例讲述了JS获取鼠标位置距浏览器窗口距离的方法。分享给大家供大家参考，具体如下：
先来看看运行效果图：
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#test_div {
width:400px;
height: 400px;
background-color: red;
}
</style>
</head>
<body>
<div id="test_div"></div>
</body>
<script type="text/javascript">
function mousePos(e){
e=e||window.event;
var scrollX=document.documentElement.scrollLeft||document.body.scrollLeft;//分别兼容ie和chrome
var scrollY=document.documentElement.scrollTop||document.body.scrollTop;
var x=e.pageX||(e.clientX+scrollX);//兼容火狐和其他浏览器
var y=e.pageY||(e.clientY+scrollY);
console.log(x,y);
return {x:x,y:y};
}
var test=document.querySelector("#test_div");
test.onclick=function(e){
mousePos(e);
}
</script>
</html>
其中的document.documentElement.scrollLeft和document.body.scrollLeft分别是ie和chrome的方法，而火狐中的pageX可以直接获取滑动的距离。
希望本文所述对大家JavaScript程序设计有所帮助。
0
投稿猜你喜欢
变量覆盖漏洞<?php$flag='xxx'; extract($_GET); if(isset($shiyan))- import csvclass HandleCsv: ''' csv文件处理类
- 1.静态加载 CSS，图片资源文件在页面渲染过程中可以并行下载，不会阻塞。在IE8，FF下，也可以支持JS的并行下载。尽管页面的JS下载加速
- 我简单的绘制了一下排序算法的分类，蓝色字体的排序算法是我们用python3实现的，也是比较常用的排序算法。Python3常用排序算法1、Py
- 1 , javascript字符集：javascript采用的是Unicode字符集编码。为什么要采用这个编码呢？原因很简单，16位的Uni
- Microsoft JET Database Engine 错误 '80040e2
- 前言 作者： 罗昭成PS：如有需要Python学习资料的小伙伴可以加点击下方链接自行获取http://note.youdao.com/not
- 谷歌内部的 python 代码规范熟悉 python 一般都会努力遵循 pep8 规范，也会有一些公司制定内部的代码规范。大公司制定规范的目
- 一、变量的定义程序中，数据都是临时存储在内存中，为了更快速的查找或使用这个数据，通常我们把这个数据在内存中存储之后，给整个数据定义一个名称，
- 树莓派没有显示器，而不想设置固定IP，因为要随身携带外出，每个网络环境可能网段不一样。因此想用python写个脚本，让树莓派开机后自动获取本
- 之前说过要聊聊 干职业设计经理的活 的问题，貌似有些朋友对这个事情还挺关心的，我理解为一方面是掌握对付猎头时候的标准答案，一方面是
- 有一个需求就是需要对url进行进一步的划分得到详细的各个字段信息，下面是简单的实现：#!/usr/bin/python# -*- codin
- 常用指令agent指令-bind=0.0.0.0 指定consul所在机器的ip地址-http-port 指定web接口服务端口-clien
- 直接给源代码了：$current_dir = 'E:/temp/';$dir = opendir($current_dir)
- Python这些年风头一直很盛，占据了很多领域的位置，Web、大数据、人工智能、运维均有它的身影，甚至图形界面做的也很顺，乃至full-st
- 凯撒密码介绍凯撒密码是一种非常古老的加密方法，相传当年凯撒大地行军打仗时为了保证自己的命令不被敌军知道，就使用这种特殊的方法进行通信，以确保
- 本文实例讲述了Python使用win32com实现的模拟浏览器功能。分享给大家供大家参考，具体如下：# -*- coding:UTF-8 -
- python的列表list可以用for循环进行遍历，实际开发中发现一个问题，就是遍历的时候删除会出错，例如l = [1,2,3,4]for
- 在路上发现好多人都喜欢用耳机听小说，同事居然可以一整天的带着一只耳机听小说。小编表示非常的震惊。今天就用 Python 下载听小说
- 前言前面写过一篇用Python制作PPT的博客，感兴趣的可以参考用Python制作PPT这篇是关于用Python进行数据可视化的，准备作为一
