获取光标 相对浏览器 和相对屏幕的坐标

最新推荐文章于 2020-08-16 10:40:01 发布
最新推荐文章于 2020-08-16 10:40:01 发布
阅读量359 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wengfumin/archive/2012/01/11/2318881.html
版权
代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <script type="text/javascript">
//本程序通过点击鼠标输出光标的 相对浏览器的坐标 和相对屏幕的坐标
    function getXY(event){    
        var butNum = event.button;
        var a = event.screenX; var b = event.screenY;
        var x = event.clientX; var y = event.clientY;
        if(butNum == 0){
            alert("光标的坐标是:("+x+","+y+")");
        }else if(butNum == 1){
            alert("相对于屏幕，光标的坐标是:["+a+","+b+"]");
        }else if(butNum == 2){
            alert("光标的坐标是:("+x+","+y+")"+"\n相对于屏幕，光标的坐标是:["+a+","+b+"]");
        }
    }
  </script>
 </head>

 <body οnmοusedοwn="getXY(event)">
  get point
 </body>
</html>

根据点击鼠标左右键或中键获取光标不同坐标

转载于:https://www.cnblogs.com/wengfumin/archive/2012/01/11/2318881.html

林尧彬
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
windows电脑桌面屏幕鼠标坐标获取软件
07-07
无需安装，打开即用 ...2.获取到的鼠标坐标XY值可以通过软件进行简单运算处理，其中偏差值运算功能开启后，随坐标值变化而变化； 3.按下W按键(英文状态)，停止鼠标坐标获取，保留当前鼠标所在位置的坐标XY值。
获取网页中的文本光标相对屏幕的坐标
Comvir的专栏
07-04 410
此代码仅chrome系列有效，适用于textarea和标记contenteditable的DIV
获取网页中鼠标的坐标
sunrise17的专栏
12-10 662
 主要是两段代码，把这两段代码加入你保存后的页面文件中就可以了，加入方法如下：1.在 标记之前插入如下一段代码function statusreport() {  var tempx = event.clientX + document.body.scrollLeft;  var tempy = event.clientY + document.body.scrollTop;  status=在
js-5秒之后跳转页面
qq_41670147的博客
12-03 1700
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
用Javascript获取页面元素的位置
sinoalex
09-07 1166
用Javascript获取页面元素的位置 作者： 阮一峰 日期： 2009年9月14日 制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。 下面的教程总结了Javascript在网页定位方面的相关知识。 一、网页的大小和浏览器窗口的大小 首先，要明确两个基本概念。 一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样...
在页面中js获取光标/鼠标的坐标及光标的像素坐标
10-26
这个需求可以通过JavaScript实现，具体来说，就是获取光标（鼠标指针）的像素坐标。在百度统计中的热点图就是一个典型的例子，它通过记录用户在页面上的鼠标移动来收集数据，进而生成用户行为的热点区域。 要实现这...
屏幕坐标获取器
04-26
总之，屏幕坐标获取器是开发者和普通用户都可能会用到的一个实用工具，通过提供便捷的坐标获取方法，极大地提高了工作效率和精确度。在处理与屏幕位置相关的问题时，它是一个不可或缺的辅助工具。
c#获取光标在屏幕中位置的简单实例
09-04
在C#编程中，有时我们需要获取鼠标光标在屏幕中的实时位置，这通常涉及到与操作系统底层交互，因为C#本身并不直接提供这样的功能。要实现这个功能，我们可以借助于Win32 API，这是一个Windows操作系统提供的函数库，...
vue获取textarea的光标位置.js
08-13
vue通过当前的光标来进行插值，从而需要去获取光标所在的位置然后进行对光标前后的字符串进行截取处理，从而达到对新字符的插入
关于各浏览器下textarea中光标位置的获取问题详解
热门推荐
小小发的博客
08-20 1万+
申明一下，我这里只是讲的textarea中的有关光标的几种方法，并不是针对整个document的，我相信把textarea中的光标方法弄清楚了的话，其他的就简单多了。 最近接触到一个新的东西，就是textarea中光标位置的获取。先来说一说我是怎么接触到这个东西的，最近一直在写一个能够通用的评论插件，在这个评论插件中我们加入了表情插入这个功能，也就是技能文字评论，也能表情评论，目前这个插件的样子
html获取鼠标的当前位置
atu1111的博客
08-16 6467
html获取鼠标的当前位置 1.相对于屏幕 如果是涉及到鼠标点击确定位置相对比较简单，获取到鼠标点击事件后，事件screenX，screenY获取的是点击位置相对于屏幕的左边距与上边距，不考虑iframe因素，不同游览器下表现的还算一致。 function getMousePos(event) { var e = event || window.event; return {'x':e.screenX,'y':screenY} } 2.相对于游览器窗口 简单代码即可实现，然而这时还
获取弹出框里面元素相对于整个浏览器窗口的坐标
aphy358的博客
12-23 2537
可以先获取这个弹出框相对于整个浏览器窗口的坐标： if ($(parent.document.body).find("[role='dialog']").length > 0) { x = $(parent.document.body).find("[role='dialog']")[0].offsetLeft; y = $(parent.document.body).find(
javascript 获得当前光标位置
sage
11-06 1200
111"javascript">function getPos(obj){obj.focus();var s=document.selection.createRange();s.setEndPoint("StartToStart",obj.createTextRange())alert(s.text.length);}"text" id
获取光标的像素位置、索引位置
猛一回头的博客
01-17 3213
最近工作中有一个需求，需要根据用户的输入判断如果为“@”字符，需要在旁边弹出一个变量框，让用户选择变量。这里就遇到了两个问题： 1、获取光标的像素位置，这样才能判断输入框在哪个位置弹出 2、获取光标在输入框的索引位置，这样才能把变量放进输入框1、对于第一个问题的解决其实很简单，JQuery有一款插件：jquery.caret——可以很方便的取得相对父元素的定位，或者相对浏览器窗口的定位。// G
js_获取光标所在坐标
子龙修仙的博客
05-17 3553
1) 获取光标所在坐标先绑定几个事件：document.onmousedown = mousedown;//鼠标按下去的时候document.onmousemove = mousemove; //鼠标移动的事件document.onmouseup = mouseup;//鼠标松开的事件function mousedown(event){ var e = event || window.event;...
JavaScript 获取输入时的光标位置及场景问题
Allec Cui的博客
03-26 7538
前言 在输入编辑的业务场景中，可能会需要在光标当前的位置或附近显示提示选项。 比如社交评论中的@user功能，要确保提示的用户列表总是出现在@字符右下方，又或者是在自定义编辑器中 autocomplete 语法提示，都需要获取光标当前的位置作为参照点。 两种位置 对于 WEB 开发来讲，当我们提到某某元素的位置，通常是指这个元素相对于父级或文档的像素单位坐标。而对于
input 获取光标的坐标
最新发布
06-07
如果你是在浏览器环境下进行开发，你可以使用以下代码获取鼠标点击或者鼠标移动时光标的坐标： ```javascript document.addEventListener('mousemove', function(e) { var x = e.clientX; var y = e.clientY; console.log("X坐标: " + x + "，Y坐标: " + y); }); ``` 如果你是在Node.js环境下进行开发，由于没有鼠标事件，所以你需要使用其他方式获取光标的坐标。具体方式取决于你的开发场景和需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值