javascript - 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>

question from:https://stackoverflow.com/questions/65903369/how-to-get-cursor-position-of-a-div-element-in-vue-js

Answer 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>