获取鼠标坐标很容易,scrollLeft Top算一下就行了,问题是,我如何通过这个坐标来取得当前位置元素的值呢,比如说我鼠标现在一个span标签内,内有一段文字“这是一个span”,我把鼠标移到“是”上面,我怎么拿到这个“是”的str值呢。
其实我是想做一个拖拽字符替换,从别的div里拖出来一个字符OK的,但是拖到span里只能被直接加在末尾或者开头,我想要的效果是拖出来的这个字符替换掉当前位置的字符。求前辈们指点
在JavaScript中,你可以使用getBoundingClientRect()
方法来获取一个元素的坐标位置和大小。这个方法返回一个对象,包含了元素的左上角坐标(top, left)、右下角坐标(top, right)、高度和宽度。
以下是一个简单的示例:
```javascript let element = document.getElementById('myElement');
let rect = element.getBoundingClientRect(); console.log(rect.top, rect.left); ```
在这个示例中,getElementById('myElement')
获取了id为'myElement'的元素。然后,我们使用getBoundingClientRect()
方法获取了该元素的坐标位置和大小,并将这些信息打印到控制台。
注意,getBoundingClientRect()
方法返回的是一个矩形对象,其中包含了一些其他信息,例如元素的边框、填充和外边距。如果你只需要元素的坐标位置和大小,你可以直接使用top
和left
属性。