uniapp input实现聚焦不弹起软键盘新方法

在UniApp框架中，如果你想要实现在`input`标签聚焦时不自动弹出软键盘，可以尝试使用自定义事件和阻止默认行为的方式来实现。一种常见的做法是在获取焦点(`focus`)事件上做文章，通过JavaScript设置阻止`focusin`事件的默认行为，同时手动触发`blur`事件模拟失去焦点的效果，这样软键盘就不会显示。

以下是一个简单的示例：

Page({
  ready() {
    this.input = this.selectComponent('#yourInputId');
  },
  bindFocus(e) {
    // 阻止输入框聚焦时的默认行为，即软键盘打开
    e.preventDefault();
    
    // 模拟失去焦点并手动调用blur方法
    this.input.blur();
    this.input.dispatchEvent(new Event('blur'));
  },
})

记得将`#yourInputId`替换为你实际的input元素ID。这样当用户点击输入框时，虽然聚焦了，但软键盘不会自动弹出。

相关问题

input 聚焦不弹键盘

在手机版页面上，如果想要input聚焦但不弹出软键盘，可以采用以下几种方法：

1. 使用uniapp自带方法uni.hideKeyboard()来隐藏软键盘。这种方法可以在进入页面时使用，调用该方法后软键盘将不会弹出。

2. 使用readonly属性规定输入字段为只读。通过将input的readonly属性设置为true，可以防止软键盘的弹出。

3. 使用document.activeElement.blur()将焦点移开。在input聚焦后，立即调用blur()方法来移除焦点，这样软键盘就不会自动弹出。

4. 通过div模拟input来实现。可以使用一个div元素来替代input元素，并通过contenteditable属性来实现输入功能，这样就不会触发软键盘。

5. 使用定时器来隐藏键盘。通过设置一个定时器，在一定时间后调用uni.hideKeyboard()方法来隐藏软键盘。

其中，方法一和方法二是常见的解决方案，可以满足大多数项目需求。但是如果你的项目不需要软键盘，且存在体验不好的问题，可以考虑使用定时器来刷新隐藏键盘的方式来解决。在onLoad()方法中调用stop()方法，通过定时器来触发uni.hideKeyboard()方法来隐藏软键盘。

需要注意的是，以上方法是根据用户提供的引用内容进行回答的，并没有其他更好的方法可以提供。

uniapp打开键盘

在UniApp中，如果你需要在表单输入或者其他文本框组件上唤起软键盘，可以直接设置对应的input或者textarea的focus属性。例如，在Vue模板中，你可以这样做：

<view class="input-field">
  <input type="text" @focus="showKeyboard()" placeholder="请输入内容" />
</view>

<script>
export default {
  methods: {
    showKeyboard() {
      this.$refs.inputField.focus(); // 获取input元素，并聚焦它
    }
  }
}
</script>

当用户点击这个输入框或者按下回车键，软键盘就会自动弹出。记住要在`methods`对象中定义`showKeyboard`方法，以便在焦点切换时调用。