鸿蒙 harmonyos arkts Search Input组件默认获取焦点弹出键盘

鸿蒙 harmonyos arkts 的Search组件如何默认获取焦点弹出键盘呢?思路很简单,刚进来的时候模拟点击弹出键盘

复制代码
            sendEventByKey("id", 10, "")

search组件设置id 监听onFocus 弹出键盘

复制代码
Search({ value: "",
            placeholder: '手机' })
            .height('96lpx')

            .backgroundColor('#FCF3EC')
            .placeholderColor(Color.Grey)
            .placeholderFont({ size: "38lpx", weight: 400 })
            .textFont({ size: "38lpx", weight: 400 })
            .onSubmit((value)=>{
              router.pushUrl({
                url:"pages/ProductList",
                params:{
                  "keywords":value,
                  "cid":""
                }
              })
            })
            .onChange((value: string) => {

            })
            .margin({
              left: "44lpx",
              right: "44lpx"
            }).id("searchId").onFocus(()=>{
            sendEventByKey("searchId", 10, "")
          })

sendEventByKey用法

复制代码
sendEventByKey(id: string, action: number, params: string): boolean

id string 是 要触发事件的组件的id。

action number 是 要触发的事件类型,目前支持取值: - 点击事件Click: 10 - 长按事件LongClick: 11

params string 是 事件参数,无参数传空字符串 ""。

更多HarmonyOS Next知识点网盘学习:HarmonyOS HarmonyOS Next系列教程下载地址-IT营大地老师

相关推荐
俩毛豆4 分钟前
HarmonyOS APP开发-一文说清基础类型数据的非预期输入转换与兜底-《精通HarmonyOS NEXT :鸿蒙App开发入门与项目化实战》读者福利
华为·harmonyos
lbb 小魔仙30 分钟前
【Harmonyos】开源鸿蒙跨平台训练营DAY8:Flutter鸿蒙开发指南获取轮播图数据
flutter·华为·harmonyos
哈__1 小时前
ReactNative for Harmony 项目鸿蒙化三方库集成实战:react-native-svg
react native·react.js·harmonyos
以太浮标1 小时前
华为eNSP模拟器综合实验之-多协议标签交换 MPLS (Multi-Protocol Label Switching)
华为·智能路由器
熊猫钓鱼>_>1 小时前
【开源鸿蒙跨平台开发先锋训练营】Day 9:鸿蒙跨平台Tab 开发问题与列表操作难点复盘
react native·华为·开源·tab·harmonyos·rn·hvigor
哈__2 小时前
ReactNative for Harmony 项目鸿蒙化三方库集成实战:react-native-safe-area-context
react native·react.js·harmonyos
Goway_Hui2 小时前
【开源鸿蒙跨平台开发--KuiklyUI--03】KuiklyUI 入门实战:从零打造高性能跨平台 Todo 应用
华为·开源·harmonyos·kuikly
waeng_luo2 小时前
如何利用AI提高鸿蒙开发效率:从Rules到智能开发实践
人工智能·华为·harmonyos
哈__2 小时前
ReactNative for Harmony项目鸿蒙化三方库集成实战:react-native-elements
react native·react.js·harmonyos
哈__2 小时前
ReactNative for Harmony 项目鸿蒙化三方库集成实战:@react-native-ohos/react-native-picker
react native·react.js·harmonyos