js获取页面光标坐标（x轴y轴）

问题详情

js获取页面光标坐标（x轴y轴）

解决方案

// 获取当前位置
getPosition() {setTimeout(() => {// 获取当前光标位置getSelection()const selection = window.getSelection()if (selection.rangeCount === 0) {return false}// 获取选中区域的范围 获取光标的范围const range = selection.getRangeAt(0)// 获取选中区域的边界 获取当前光标的坐标点 这个方法里面都有getBoundingClientRect()const { top, left } = range.getBoundingClientRect()// 获取当前光标的位置const cursorPosition = {x: left,y: top + range.getBoundingClientRect().height,}this.left = cursorPosition.xthis.top = cursorPosition.y}, 180)
},
},

更多信息：
前端 - js获取页面光标坐标（x轴y轴）？ - SegmentFault 思否

js获取页面光标坐标（x轴y轴）相关推荐

d3.js多个x轴y轴canvas柱状图
d3.js多个x轴y轴canvas柱状图最终效果图镇楼: 本文通过三个步骤来介绍d3.js. 1.简单的柱状图: 2.多个x轴的柱状图: 3.多个x轴.y轴的柱状图: 学习心得: d3.js入门相对 ...
php 获取GPS,js获取GPS的坐标的方法代码
本篇文章给大家带来的内容是关于js获取GPS的坐标的方法代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 不多废话,直接上代码吧 1.这个比较简单function getLocat ...
原生js获取html元素高度,js获取页面及个元素高度、宽度的代码
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offs ...
js: 获取页面最大的zIndex(z-index)值
js: 获取页面最大的zIndex(z-index)值 // 需要在页面渲染完毕之后执行function getMaxZIndex(){let arr = [...document.all].map( ...
js 获取页面鼠标选中的文字
js获取页面鼠标选中的文字,最主要的代码 event.selection = window.getSelection(); 页面代码 <div><p class="cont ...
Android X轴Y轴Z轴旋转
Android中并没有提供直接做3D翻转的动画,所以关于3D翻转的动画效果需要我们自己实现,一个简单的办法就是重写Animation.这里只是以Y轴旋转进行下说明,至于X轴.Z轴和Y轴的原理是一样的. ...
vue中使用锚点x轴y轴
vue中使用锚点(x轴y轴) 需求1:点击左侧导航栏,页面需要滚动到对应的标题.(y轴) 第一步:给中间内容div从第一个开始每一个最外层盒子添加一个class||id一个标识.(不能相同) 第二步: ...
echarts图表折线图柱状图多个X轴Y轴以及一个Y轴反向
echarts图表折线图柱状图多个X轴Y轴以及一个Y轴反向 option1: {color: ['#21E9F6', '#F2CE2E', '#EE2929', '#006DD9', '#1789FF ...

js获取页面光标坐标（x轴y轴）

问题详情

解决方案

js获取页面光标坐标（x轴y轴）相关推荐

最新文章

热门文章