在文本坐标中获取文本区域中的鼠标单击位置

弗雷德里克鱿鱼

您可以获得以像素为单位的鼠标位置,并且可以通过selectionStart.

但是如何在鼠标按下后直接获取文本坐标中的位置?

问题是在鼠标按下时插入符号还没有移动,所以你得到了以前的位置。

textarea.addEventListener('mousedown', event => {
  console.log(textarea.selectionStart) // logs previous location
})
詹姆斯·博特

改用click事件。

根据MDNmousedown事件在默认操作发生之前触发,而click事件直接在默认操作(在这种情况下移动插入符号位置)发生之后发生。

注意:这与clickclick完全点击动作发生后触发事件不同也就是说,当指针保持在同一元素内时,按下并释放鼠标按钮。mousedown 在最初按下按钮的那一刻被触发。

textarea.addEventListener('click', event => {
  console.log(textarea.selectionStart) // logs previous location
})

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

用鼠标单击QDateEdit的弹出式日历小部件,只需单击文本区域中的任意位置,而不仅是向下箭头,

如何在鼠标单击文本区域时从文本区域的字符串中选择单词

如何从表单中获取值并显示在文本区域中?

如何使用Javascript在文本区域内的字符中获取鼠标位置

在文本区域中设置文本光标位置

单击该按钮时,滚动到文本区域中的某个位置。

在文本区域中获取和设置文本选择

获取文本区域中插入符号的偏移位置(以像素为单位)

使用React在文本区域中更改光标位置

如何滚动到文本区域中的光标位置?

如何获得文本区域中的光标位置?

jQuery在文本区域中设置光标位置

实时渲染文本区域中的文本

在文本区域中左对齐文本

在文本区域中获取换行符

如何在段落中包含从文本区域中获取的换行符?

如何使用原型单击事件获取文本区域的文本?

jQuery:在鼠标单击位置拆分文本

在WebBrowser文档中获取鼠标单击坐标

在动画期间获取OpenGL中的鼠标单击坐标?

使用鼠标单击获取元素ID的文本

如何从两个输入的“ =“文本”和文本区域中获取数据,然后在<li>中显示它们

单个文本区域中的按钮值

计算文本区域中的特定字符

文本区域中的空间消失了吗?

反向显示文本区域中的行

AngularJS-文本区域中的多行

文本区域中的 WordPress SQL 命令

文本区域中的输入类型