uniapp中textarea读取光标

在Uniapp中，您可以通过以下方式读取TextArea的光标位置：

1. 获取TextArea组件的实例

let textarea = uni.createSelectorQuery().select('#my-textarea');
let textareaComp = textarea._selectorQuery._defaultComponent;

2. 获取光标的位置

let cursorPosition = textareaComp._textarea.selectionStart;

这样就可以获取TextArea中光标的位置了。注意，获取光标的位置只有在TextArea组件获得焦点时才能生效。

相关问题

uniapp中textarea字数限制

在uniapp中使用textarea组件时，可以通过设置maxlength属性来限制输入的字数。例如：

<template>
  <textarea maxlength="100"></textarea>
</template>

上述代码中，maxlength属性的值为100，表示输入的字符不能超过100个。当输入的字符数超过限制时，会自动阻止继续输入。同时，可以在onInput事件处理函数中监听输入事件，实时获取输入的字符数，以便进行相关处理。例如：

<template>
  <textarea maxlength="100" @input="onInput"></textarea>
</template>

<script>
export default {
  methods: {
    onInput(e) {
      const inputLength = e.target.value.length
      console.log(`已输入${inputLength}个字符`)
    }
  }
}
</script>

上述代码中，使用@input监听输入事件，当触发事件时，会调用onInput方法。在该方法中，通过e.target.value获取输入的字符，再通过.length获取字符数，并输出到控制台中。

uniapp中textarea右下角显示数字

要在Uniapp中的textarea右下角显示数字，可以使用textarea组件的show-word-limit属性。这个属性会在textarea右下角显示当前输入的字数和最大字数。你可以在textarea组件上添加这个属性，并指定最大字数。例如：

<template>
  <textarea v-model="content" :maxlength="maxContentLength" show-word-limit></textarea>
</template>

<script>
export default {
  data() {
    return {
      content: '',
      maxContentLength: 200
    }
  }
}
</script>

在上面的代码中，我们使用了v-model指令来绑定textarea的输入内容，使用了:maxlength绑定了输入的最大字数，同时添加了show-word-limit属性来显示字数。你只需要将maxContentLength设置为你需要的最大字数即可。