4***@qq.com
4***@qq.com
  • 发布:2025-07-10 10:38
  • 更新:2025-07-10 15:03
  • 阅读:42

我使用textarea组件,设置为hold-keyboard属性,编译为小程序的时候,滑动会失去焦点

分类:HBuilder

我尝试在微信小程序中直接使用,没有问题,但是通过uniapp编译后,不行

2025-07-10 10:38 负责人:无 分享
已邀请:
DCloud_UNI_JBB

DCloud_UNI_JBB

你是什么版本的hx?

  • 4***@qq.com (作者)

    4.66

    2025-07-10 11:27

  • DCloud_UNI_JBB

    回复 4***@qq.com: 麻烦发个可复现demo

    2025-07-10 11:32

  • 4***@qq.com (作者)

    <view >

    <view class="keyboard-input-container" >

    <view class="" style="height:100px; background: skyblue;" >


        </view>  
    <view class="inputSearch" style="padding-bottom: 300px;">
    <view class="remarkInput_box">
    <textarea
    ref="textareaRef"
    :auto-height="true"
    :focus="focusStatus"
    type="text"
    class="input-field"
    :placeholder="showPlaceholder"
    :adjust-position="false"
    :cursor-spacing="20"
    :hold-keyboard="true"
    :confirm-hold="true"
    :show-confirm-bar="false"
    disable-default-padding
    style="background: gray;"
    />
    </view>
    </view>
    </view>
    </view>

    2025-07-10 11:37

  • DCloud_UNI_JBB

    回复 4***@qq.com: 发下完整的demo,这个都没办法运行

    2025-07-10 11:39

  • 4***@qq.com (作者)

    微信,小程序上用这个,

    <view >

    <view class="keyboard-input-container" >

    <view class="" style="height:100px; background: skyblue;" >


        </view>  
    <view class="inputSearch" style="padding-bottom: 300px;" >
    <view class="remarkInput_box" style="background-color: red;">
    <textarea
    ref="textareaRef"
    auto-height="{{true}}"
    focus="{{focusStatus}}"
    type="text"
    class="input-field"
    adjust-position="{{false}}"
    cursor-spacing="{{20}}"
    hold-keyboard="{{true}}"
    show-confirm-bar="{{false}}"
    disable-default-padding
    ></textarea>
    </view>
    </view>
    </view>
    </view>

    2025-07-10 11:39

  • DCloud_UNI_JBB

    回复 4***@qq.com: 看起来uniapp产物编译没问题啊

    2025-07-10 11:40

  • 4***@qq.com (作者)

    回复 DCloud_UNI_JBB: 我创建一个,打个压缩包

    2025-07-10 11:46

  • 4***@qq.com (作者)

    回复 DCloud_UNI_JBB: 我在uniapp的textarea组件,设置hold-keyboard,用微信小程序真机预览的时候,滑动其他区域,焦点就会失去,但是我直接用微信小程序的原生写,textarea配置,hold-keyboard没有问题,滑动没有问题

    2025-07-10 12:02

  • 4***@qq.com (作者)

    回复 DCloud_UNI_JBB: 我看了一下uniapp转化的 wxml文件,里面有这个属性,但是不知道为啥,两端的行为有点不一样

    2025-07-10 13:49

4***@qq.com

4***@qq.com (作者)

感觉就是这个编译的hold-keyboard这个属性没有生效

4***@qq.com

4***@qq.com (作者)

textareaTest 是uniapp的代码,WXtestareaTest是微信小程序的代码,微信开发者工具 Stable 1.06.2504010,

  • 4***@qq.com (作者)

    手机,k50 系统 , MIUI13.0.10 使用真机预览的时候,用微信小程序的代码,滑动和长按,textarea不会失去焦点,使用uniapp编译为微信小程序的,真机预览的时候,滑动和长按,textarea会失去焦点,

    2025-07-10 12:46

DCloud_UNI_JBB

DCloud_UNI_JBB

我看了你的复现demo,你两边的代码都不一致,页面内容和样式都是。另外,uniapp的编译产物看了是没问题的。

  • 4***@qq.com (作者)

    我测试了一下,发现我新建的微信的代码片段,微信那边开启了,"renderer": "skyline",才可以滑动的,如果吧这个模式去掉,textarea滑动也会失去焦点,我想问一下,如何在uniapp配置让微信小程序,也开启"renderer": "skyline"

    2025-07-10 15:14

  • DCloud_UNI_JBB

    回复 4***@qq.com: 参考官方文档的说明 https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/migration/#开始迁移

    2025-07-10 15:29

要回复问题请先登录注册