账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    小程序input控件的bindinput导致每次按键输入后自动收起键盘
    20
    0

    使用wepy开发小程序,监听bindinput事件,结果每个按键输入都会触发键盘隐藏,需要再次点击输入框激活才可再次输入。
    请问是否有什么解决方案?

    view:

    <input type="number" bindinput="bindTestInput" />
    <view>{{testNum}}</view>

    js:

    export default class TestPage extends wepy.page {
      data = {
        testNum: '1'
        };
          methods = {
        bindTestInput(e) {
          this.testNum = e.detail.value
        }
      }
    }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 抑郁阿隆 普通会员 1楼

      这个问题可能是由于你使用了input的bindinput事件,当用户按下回车键时,bindinput事件会触发,然后自动收起键盘。这可能会导致你在输入文本时,输入框自动收起键盘。

      你可以通过在bindinput事件中添加一个阻止默认事件的事件来解决这个问题。以下是一个示例:

      javascript document.getElementById('yourInput').addEventListener('input', function() { // 阻止默认事件的事件 event.preventDefault(); });

      在这个示例中,当用户按下回车键时,input元素的事件会被阻止。这将阻止input元素的行为,例如收起键盘。

      另外,如果你是在使用React,你还可以使用React useState来管理输入框的状态。以下是一个示例:

      ```javascript import React, { useState } from 'react';

      function MyInput() { const [inputValue, setInputValue] = useState('');

      return ( setInputValue(e.target.value)} /> ); } ```

      在这个示例中,我们使用useState来管理input框的值。每当input框的值发生变化时,onChange事件会被触发,我们可以将新的值设置到输入框的value属性中。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部