имитируют клавиши курсора (влево, вправо, вниз, вверх стрелки) в контентном редактируемом div?

Question

Можно ли моделировать клавиши со стрелками в содержимом редактируемого div? Я попытался запустить события «ключевого нажатия», но кажется, что contenteditable игнорирует их. (Мне просто нужно решение webkit/safari)

Мне просто нужно переместить каретку внутри div, как клавиши со стрелками, но программно.

Возможно, может помочь библиотека Rangy от Tim Down?

Спасибо!

Answer 1

Это сложно, потому что невозможно полностью имитировать ключевое событие в целом. В частности, в большинстве браузеров невозможно запустить действие браузера по умолчанию для ключевого события без фактического нажатия клавиши.

В этом случае вы должны сделать это вручную, что сложно. Клавиши со стрелками работают над видимым текстом на странице, что означает, что вам нужно учитывать такие вещи, как смятые пробелы, подразумеваемые разрывы строк от <br> и блокировать элементы, элементы, скрытые с помощью свойства CSS display и многих других тонкостей. Кроме того, имитация клавиш со стрелками вверх и вниз зависит от получения точных координат пикселей произвольных символов на странице, что нетривиально в большинстве браузеров.

Я работаю над средством навигации по видимому тексту на странице в Rangy, что поможет с имитацией клавиш со стрелками влево и вправо, но Rangy не может справиться со стрелками вверх и вниз.