uni-app textarea获取焦点后，禁用软键盘

在 uni-app 中，当 textarea 获取焦点后禁用软键盘可以通过一些间接的方法来实现，因为直接禁用软键盘并不是一个标准的功能。不过，我们可以通过隐藏 textarea 并使用自定义的虚拟键盘来达到类似的效果。以下是一个简单的实现示例：

1. 创建自定义虚拟键盘：首先，我们需要创建一个自定义的虚拟键盘组件。

<!-- CustomKeyboard.vue -->
<template>
  <view class="keyboard">
    <!-- 这里可以放置你的键盘按钮 -->
    <button @click="inputText('A')">A</button>
    <button @click="inputText('B')">B</button>
    <!-- 更多按钮... -->
  </view>
</template>

<script>
export default {
  methods: {
    inputText(char) {
      this.$emit('input', char);
    }
  }
}
</script>

<style scoped>
.keyboard {
  /* 样式定义 */
  position: fixed;
  bottom: 0;
  width: 100%;
  /* 更多样式... */
}
</style>

1. 在页面中使用 textarea 和自定义键盘：

<template>
  <view>
    <textarea 
      v-model="inputText" 
      @focus="showKeyboard=true; hideKeyboard=false; $refs.textarea.blur()" 
      ref="textarea" 
      style="display: {{ showKeyboard ? 'none' : 'block' }}"
    ></textarea>
    <CustomKeyboard 
      v-if="showKeyboard" 
      @input="addText"
      style="display: {{ showKeyboard ? 'block' : 'none' }}"
    />
    <button @click="hideKeyboard=true; showKeyboard=false; $refs.textarea.focus()">隐藏键盘</button>
  </view>
</template>

<script>
import CustomKeyboard from '@/components/CustomKeyboard.vue';

export default {
  components: {
    CustomKeyboard
  },
  data() {
    return {
      inputText: '',
      showKeyboard: false,
      hideKeyboard: true
    };
  },
  methods: {
    addText(char) {
      this.inputText += char;
    }
  }
}
</script>

<style scoped>
/* 样式定义 */
</style>

在这个例子中，当 textarea 获取焦点时，我们通过编程方式立即让它失去焦点，并显示自定义的虚拟键盘。同时，我们隐藏了 textarea。当用户点击“隐藏键盘”按钮时，我们隐藏自定义键盘并重新显示 textarea。

这种方法虽然不直接禁用软键盘，但通过自定义键盘组件提供了类似的功能，并允许你完全控制键盘的布局和功能。注意，这种方法可能需要根据你的具体需求进行调整。