how to get cursor position of a div element in vue js?

Question

I can only get the cursor position of input and textarea elements, but how do I do this with div elements that contain contenteditable = "true"?

getCursor() {
      const text = this.$refs.test;
      const value = text.selectionStart;
      console.log(value); // result is undefined
    }

<div
  ref="test"
  contenteditable="true"
  :v-html="inputIntegrationHMTL"
  @input="getCursor($event)"
 > </div>

Does this answer your question? [selectionStart and selectionEnd in contenteditable element](https://stackoverflow.com/questions/19288700/selectionstart-and-selectionend-in-contenteditable-element) — DeveloperExceptionError, Jan 26 '21 at 15:26

score -1 · Answer 1 · answered Jan 26 '21 at 14:51

-1

Like this?

getCursor(event) {
      console.log(event); // you can read pos here
}

<div
  ref="test"
  contenteditable="true"
  :v-html="inputIntegrationHMTL"
  @mouseover="getCursor($event)"
 > </div>

answered Jan 26 '21 at 14:51

Endre Szabó

I need to get the cursor position inside the div text. – wesley S Jan 26 '21 at 15:09
look like this link https://stackoverflow.com/questions/48145727/insert-character-at-cursor-position-in-vue-js – wesley S Jan 26 '21 at 15:10

1 Answers1