在页面中 js 获取光标/鼠标的坐标,获取光标的的像素坐标
近期为网站开发页面统计,以前虽然也开发过,但是功能不是很全,所以这次把一些好功能给用上。
例如这次的,页面JS光标/鼠标坐标,你也许问着有什么用,百度统计中有个热点统计图,这下清楚明白了吧。
好了,上肉:
功能:获取光标的的像素坐标
<html><head><script type="text/javascript">function showPosition(e){var x,y; var e = e||window.event; document.getElementById("x").value = e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;document.getElementById("y").value = e.clientY+document.body.scrollTop+document.documentElement.scrollTop}</script></head><body><div οnmοusemοve="showPosition(event);" style="height:100%; width:100%;">x:<input id="x" type="text" value="" />y:<input id="y" type="text" value="" /></div></body>
</html>
好肉来自: http://www.oschina.net/question/185906_71425
在页面中 js 获取光标/鼠标的坐标,获取光标的的像素坐标相关推荐
- 怎样在VI编辑器中使用鼠标移动光标(鼠标点哪里,光标移动到哪里)
怎样在VI编辑器中使用鼠标移动光标(鼠标点哪里,光标移动到哪里) 怎样在VI编辑器中使用鼠标移动光标(鼠标点哪里,光标移动到哪里) 首先,进入目录,找到那个绿色的vimrc文件 然后,在vi编辑器中打 ...
- 在登录页面中js进行正则验证电话号码和邮箱地址,并使用ajax进行用户ID的数据库验证
本文说的是在登录页面中使用js进行正则验证并使用ajax进行用户ID的数据库验证,另外也加入键盘监听. 先看一下登录的jsp页面代码 <%@ page language="java&q ...
- vue 引入qunee_Vue页面中js引入的问题
在项目中,我们需要引入qunee的编辑器graph.editor-master,在其中发现了一些引入js时需要注意的问题,在此书写,用来翻阅. 下载graph.editor的官方Demogit:htt ...
- 浏览器-清理页面中js的缓存
[问题分析] 修改完 js文件中的代码后,页面刷新好几次并没有重新加载 js的文件,开始以为是文件设置没有修改成功,后来想到应该是浏览器对于 js文件的缓存机制引起的. [解决方案] 清理浏览器的缓存 ...
- 关于Ajax load页面中js部分$(function(){})的执行顺序
<script type="text/javascript">console.error(11111);$(function(){console.error(22222 ...
- springBoot,thymeleaf页面中js使用标签
①页面顶部需要先引入thymeleaf依赖 ②添加标签 ③在js中使用其他标签 ④现在filePrefix就是一个变量了,controller传过来的是什么,那它就是什么. 转载于:https://w ...
- html中js隐藏div的高度,javascript获取隐藏元素(display:none)的高度和宽度的方法
js获取隐藏元素的尺寸 这是test容器,可见容器 这是test容器,可见容器 这是test容器,可见容器 这是test容器,可见容器 这是test容器, 这是test容器, 这是test容器, 这是 ...
- html一键清空数组中的内容,前端页面中JS和Jquery框架对数组遍历,添加,删除,清空的一些使用...
遍历 //res为数组 for (var i = 0; i < res.length; i++) { res[i] } var arr = new Array(); $(另一个数组在这).eac ...
- 如何解析json并展示到html页面中,js解析json并生成html页面
issue.js中json格式: var issueList = [{ date : '201108', issues : [{ n : '5', t : '20110817', d : '../52 ...
- html 两个iframe重叠,解决同一页面中两个iframe互相调用jquery,js函数的方法
这一个月又没更新博客,唉,懒癌又犯了,今天解决了一个问题,关于两个iframe互相调用jquery函数方法 a.html中有两个iframe,如下: b.html中有一个treeview,称为左菜单i ...
最新文章
- 如何处理Eclipse错误消息 The declared package does not match the expected package
- 使用Axure制作无限循环展示图片效果
- 简单的bean分页输出
- QT+OpenCV照片动画风格转换
- DHCP服务搭建(1)
- (30)css3动画
- 如何自学计算机前端开发?精细的自学步骤是什么样的?
- mt4交易系统源码_mt4周边:一款免费的数据下载工具
- 1、Spring入门
- 详解MySQL的用户密码过期功能
- linux全局启动tomcat,linux下启动tomcat服务
- arduino红外测距模块点亮一个LED灯
- 解决linux下sudo更改文件权限报错xxxis not in the sudoers file. This incident will be reported.
- LTE解MIB块,LTE中PBCH过程
- 域名申请攻略(以godaddy+支付宝为例)
- 让App推广运营更高效,必须要有这几大功能!
- 曼谷梦幻世界主题公园有什么好玩的
- CSAPP第五章家庭作业参考答案
- python machine learning_Python Machine Learning
- 贝索斯宣布“退位”,去追寻“诗和远方”
热门文章
- LinkButton 传递多个参数
- 关于wow(mangos模拟器) 的物品生成器---wowItemEdit 1.0
- 小波变换和motion信号处理(三)
- mysql 数据生成_mysql生成数据
- 【大数据部落】用R Shiny生态快速搭建交互Web网页APP应用
- (27)python-多维数组
- (8)机器学习_混淆矩阵(分类模型评估)
- python ios自动化_【Mac + Appium + Python3.6学习(三)】之IOS自动化测试环境配置
- mysql职业要求_运维职业要求
- 一些用CRF做图像语义分割的资源