HarmonyOS 鸿蒙Next TextInput 如何设置不可以聚焦输入，但可以响应点击事件

发布于 1周前 作者 sinazl 来自 鸿蒙OS

HarmonyOS 鸿蒙Next TextInput 如何设置不可以聚焦输入，但可以响应点击事件

需求：TextInput 禁止输入，但是可以点击。点击不能让光标聚焦。响应onClick，但是不能弹出键盘。例如有三个 TextInput，后边两个依赖第一个 input 输入的数据。用户想点击下边两个不能让他输入，但是可以响应 onClick，给出提示。

Harmonyos Next教程
2 回复

如果后面两个TextInput依赖第一个TextInput,不需要输入数据的话，那后面2了用Text代替不就可以了吗

更多关于HarmonyOS 鸿蒙Next TextInput 如何设置不可以聚焦输入，但可以响应点击事件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS中，若要使TextInput组件不可聚焦输入但可以响应点击事件，可以通过设置相关属性来实现。

你可以通过以下方式配置TextInput组件：

  1. 禁用聚焦：通过设置TextInput的focusable属性为false，使其无法获得输入焦点。

  2. 保留点击事件响应：虽然TextInput本身不直接支持仅响应点击而不聚焦的模式，但你可以通过在其外层包裹一个容器（如Div），并为该容器设置点击事件监听器。同时，确保TextInput的clickable属性为true（默认为true），这样即使TextInput不可聚焦，点击事件仍能被触发并传递到外层容器。

示例代码：

<Div onclick="handleClick">
    <TextInput
        id="myTextInput"
        focusable="false"
        text="Click me"
        clickable="true"
        />
</Div>

在JavaScript中处理点击事件：

function handleClick(event) {
    console.log('TextInput clicked');
    // 在这里添加你的点击事件处理逻辑
}

请注意，虽然TextInput的focusable设为false，但由于其clickable属性默认即为true，因此点击事件仍然可以被捕获。若外层容器需要透传点击事件到TextInput，确保事件监听逻辑正确实现。

如果问题依旧没法解决请联系官网客服,官网地址是：官网

回到顶部