uniapp怎么实现点击按钮不让键盘消失

1. 点击按钮让键盘不消失

在做uniapp项目时，需要用到输入框，用户输入完内容后，一般是点击键盘上的“完成”按钮或者是点击输入框旁边的“完成”按钮，这样键盘才会消失。但是，有时候我们需要做到用户输入内容后，点击按钮不让键盘消失，那该怎么做呢？

2. 监听键盘弹起和收起

在uniapp中，通过监听键盘弹起和收起的事件来实现点击按钮不让键盘消失。

2.1 键盘弹起事件

当键盘弹起时，我们可以获取当前输入框的高度，在按钮的点击事件中，将获取到的高度赋值给输入框的外层容器，这样输入框就不会被键盘遮挡了。

// 监听键盘弹起事件
uni.onKeyboardHeightChange(function(res) {
  // 获取当前输入框的高度
  let inputHeight = document.querySelector('.input-box').offsetHeight;
  // 将键盘高度赋值给输入框的外层容器
  document.querySelector('.input-container').style.bottom = res.height + inputHeight + 'px';
});

2.2 键盘收起事件

当键盘收起时，我们需要将输入框的外层容器还原，代码如下：

// 监听键盘收起事件
uni.onKeyboardComplete(function(res) {
  // 将输入框的外层容器还原
  document.querySelector('.input-container').style.bottom = 0;
});

3. 实现点击按钮不让键盘消失

有了上面的知识储备，我们就可以实现点击按钮不让键盘消失了。

首先，在按钮的点击事件中，不要使用uni.hideKeyboard()方法隐藏键盘。然后，在监听键盘收起事件中，判断当前页面是否隐藏了键盘，如果是，则不还原输入框的外层容器。

// 判断键盘是否隐藏
let isKeyboardHide = false;
// 监听键盘收起事件
uni.onKeyboardComplete(function(res) {
  // 如果键盘已经隐藏，则不还原输入框的外层容器
  if (isKeyboardHide) {
    isKeyboardHide = false;
    return;
  }
  // 将输入框的外层容器还原
  document.querySelector('.input-container').style.bottom = 0;
});
// 按钮点击事件
function handleClick() {
  // 不要使用uni.hideKeyboard()方法隐藏键盘
  isKeyboardHide = true;
}

这样，就实现了点击按钮不让键盘消失了。

4. 总结

通过监听键盘弹起和收起的事件，我们可以实现点击按钮不让键盘消失的效果。同时也需要注意一些细节问题，如键盘是否隐藏等。

需要注意的是：上述代码只是提供了一个思路，实际开发中还需要自己根据需求进行修改。