社区首页 >问答首页 >从元素操作光标位置

问从元素操作光标位置
EN

Stack Overflow用户

提问于 2016-09-14 09:51:23

回答 1查看 122关注 0票数 1

我在这里有一个非常广泛的问题，我希望我能清楚地解释我到底需要什么。

下图显示了一个圆，它是一个html元素。我想创建一个交互式元素，并使用光标。想象一下，由于某种原因，你不能将光标放在圆圈内。我不想在你接近圆圈时仅仅隐藏光标，而是以一种磁力吸引的方式来操纵光标。

所以:如果你把光标放在圆圈周围，它永远不会靠近它，也不会离开这个元素。这是不是可以做到呢？Javascript、Angular或其他什么？有没有创造过这样的东西？

javascript

jquery

cursor

回答 1

Stack Overflow用户

发布于 2016-09-14 10:10:43

您可以使用以下方法永久隐藏光标，并使用div元素。在窗口中，鼠标移动事件将div元素位置更改为指针的当前位置。现在你需要在这里提出一个条件，当指针进入圆区域时，不要用指针的当前位置来更新div元素的位置，而是用圆之外的新计算位置来更新它。

如果你需要代码，那么我可以提供给你。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39487442

复制

JavaScript数组操作：从任意位置插入元素及合并

编程算法

howmany 需要删除/替换的项目个数，该参数为 0，则不删除项目，或者说直接添加项目。

德顺

2020/12/17

1.4K0

jquery操作元素的位置

jquery html nat

.offset() 　　在匹配的元素中，获取第一个元素的当前坐标，或设置每一个元素的坐标，坐标相对于文档。　　.offset() 这个不接受任何参数。　　　　var offset = p.offset(); //获取到这个元素的位置　　　　　　p.html( "left: " + offset.left + ", top: " + offset.top ); .offset.left 元素距左面的距离 .offset

用户1197315

2018/01/19

3.4K0

JavaScript 中获取光标位置

http node.js html

DOM中并没有直接获取光标位置的方法，那么我们只能间接来获取光标位置。DOM支持获取光标选中的范围，我们可以以此为切入点，来获取或定位光标的位置，当选取范围起始点和结束点一样时，就是光标插入的位置。

越陌度阡

2020/11/26

12.5K0

可编辑DIV设置光标位置

html

平时我们使用文本框input, textarea时，我们有时候需要得到光标的位置或者说设置光标的位置. 但是文本框有个不足，就是不能满足我们插入图片或者其他的一些要求. 所以有时候我们使用div来代替文本框. 今天为了搞定设置DI的光标位置.头疼啊，终于可以了，记录一下，网上资料不多. 首先要让DIV启用编辑模式. <div contenteditable=true id="divTest"></div> 通过设定contenteditable=true开启div的编辑模式.这样DIV就可以跟文本框一样输入

joshua317

2018/04/10

6.6K0

MP3光标位置（算法）

mp3

MP3 Player因为屏幕较小，显示歌曲列表的时候每屏只能显示几首歌曲，用户要通过上下键才能浏览所有的歌曲。为了简化处理，假设每屏只能显示4首歌曲，光标初始的位置为第1首歌。

用户9919783

2022/12/14

8600

查找数组元素位置

javascript

一个js练习题题目描述找出元素 item 在给定数组 arr 中的位置输出描述: 如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1 输入例子: indexOf([ 1, 2, 3, 4 ], 3) 输出例子: 2 代码如下： function indexOf(arr, item) { var len = arr.length,flag=0; for( var i =0; i<len;i++) { if(arr[i]==ite

用户1749219

2018/05/16

2.2K0

input内文字与光标的初始位置调整

input

input { /*方法一*/ text-align = center; /*placeholder文字居中*/ text-align = left; /*placeholder文字居左*/ text-align = right; /*placeholder文字居右*/ /*方法二*/ padding-left：10px; /*placeholder文字距左10px*/ padding-right：10px; /*placeholder文字距右10px

似水的流年

2020/09/10

3.6K0

Flutter TextField 设置默认值和光标位置

flutter

Flutter TextField 是一个文本输入框，可以结合使用 TextEditingController 来获取输入框中的内容以及设置 TextField 中默认显示的内容

徐建国

2021/10/13

3K0

CSS元素位置的互换

flex header reverse row table

方法一使用Order属性设置弹性盒对象元素的顺序。示例：将3个元素按倒序显示 flex-direction: 值描述 row（默认值）主轴为水平方向，起点在左端。 row-reverse 主轴为水平方向，起点在右端。 column 主轴为垂直方向，起点在上沿。 column-reverse 主轴为垂直方向，起点在下沿。 .container { display: flex; flex-direction: column; } .container .fi

十玖八柒

2022/08/01

2.4K0

Android Studio光标返回上一次浏览的位置

android file keyboard shortcut 快捷键

File→settings→keymap→Main menu→Navigate→Add Keyboard Shortcut.

砖业洋__

2023/05/06

1.4K0

操作元素

html

　　JavaScript的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容、属性等。（注意：这些操作都是通过元素对象的属性实现的）

梨涡浅笑

2020/10/27

1.6K0

JavaScript DOM元素尺寸和位置

javascript

三大点： 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小一．获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById('box');//获取元素 box.style.width;//200px、空 box.style.height;//200px、空 PS：style获取只能获取到行内style属性的CSS样式中的宽和高，如果有获取；如果没有则返回空。 2.通过计算获取元素的大小 var style = windo

汤高

2018/01/11

2.8K0

js算法之查找元素位置

编程算法

思路： //在数组 arr 中，查找值与 item 相等的元素出现的所有位置 //思路：循环，然后是判断如果item与数组中的某一项===的话，就装进另一个数组里面。 //然后输出出来

贵哥的编程之路

2021/04/01

4.9K0

jquery跳转页面指定元素位置

jquery

懒惰象生锈一样，比操劳更能消耗身体;经常用的钥匙，总是亮闪闪的。——富兰克林代码如下 // 获取到jquery节点 var targetDom = $('#achao') // 获取x坐标 var x = targetDom.offset().top; // 获取y坐标 var y = targetDom.offset().left; // 页面800ms内跳转到x坐标-200的地方 $('html,body').

阿超

2022/08/16

3.2K0

动态获取当前屏幕中光标所在位置的颜色

windows 数据结构 android 编程算法

usingSystem;usingSystem.Drawing;usingSystem.C运维

Java架构师必看

2020/10/15

2.8K0

微信小程序轮播图自定义光标的位置

https java 网络安全

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/143510.html原文链接：https://javaforall.cn

全栈程序员站长

2022/08/31

1.1K0

JS魔法堂：关于元素位置和鼠标位置的属性

javascript

一、关于鼠标位置的属性　　　　　　　　　　　　　　　　　　　　　　　　 1. 触发鼠标事件的区域盒子模型中的border,padding,content区域会触发鼠标事件,点击margin区域将不触发鼠标事件。 2. 鼠标事件对象MouseEvent下的属性 [a]. evt.pageX/Y ：以页面左上角为参考点，表示当前触发点离页面左上角的水平和垂直距离。注意：1. IE5.5~8不支持该属性，polyfill方法pageX = clientX + s

^_^肥仔John

2018/01/18

5.8K0

【Python】列表 List ③ ( 查询操作 / 修改操作 | 列表查询操作 List#index | 修改列表指定位置元素值 )

python list 函数数据索引

列表 List 查询功能 , 通过 List#index 函数实现 , 语法如下 :

韩曙亮

2023/10/11

5570

【Python】列表 List ③ ( 查询操作 / 修改操作 | 列表查询操作 List#index | 修改列表指定位置元素值 )

jQuery 尺寸、位置操作

jquery api

jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API，方便易用，内容如下。

清出于兰

2022/05/11

7070

jQuery 尺寸、位置操作

node.js jquery api

jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API，方便易用，内容如下。

梨涡浅笑

2022/05/08

1.1K0

相似问题

如何根据光标的位置对元素执行操作

在光标位置插入元素

从javascript操作元素的位置

将元素放在光标位置上

在当前光标位置的无效操作

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问从元素操作光标位置
EN