Блог

Главная - Вопросы по программированию - как получить позицию курсора в react js?

как получить позицию курсора в react js?

#reactjs

#reactjs

Вопрос:

В любом случае в react вы можете получить event.pageX или event.clientX получить последнюю позицию курсора мыши, как насчет позиции курсора? в <div contentEditable><div> или texture или input вы будете использовать разные указатели, один из которых — курсор внутри элемента, а другой — курсор, я знаю, как получить положение курсора, но я понятия не имею, как получить положение курсора (I beam typing pinter)?

Ответ №1:

попробуйте что-то вроде этого,

 // its basically any `input`, `textarea` tag
const input = document.getElementByTagName('input');
let Ipos = null

if (input.selectionDirection === 'forward')
  Ipos = input.selectionEnd 
else if (input.selectionDirection === 'backward')
  Ipos = input.selectionStart

// else direction unknown

Смотрите Документы HTMLInputElement MDN

Комментарии:

1. откуда взялась переменная или const input ?

2. @alial-karaawi input — это в основном любой ввод , текстовое поле, но не контент , который можно редактировать

3. ага, спасибо, но это не работает в <div contentEditable