在HarmonyOS NEXT 中 监听输入框删除键的方法？

Question

在HarmonyOS NEXT 中 监听输入框删除键的方法？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

有一个简单的输入框组件，要监听删除键的操作。

@Entry
@Component
struct MyComponent {
    build() {
        Input() {
           .onKey((event: KeyEvent) => {
                if (event.keyCode === KeyCode.DELETE) {
                    console.log("删除键被按下");
                }
            })
        }
    }
}

结合valueChange事件来更全面地监听删除操作的示例。

@Entry
@Component
struct MyComponentWithValueChange {
    @State inputValue: string = "";
    build() {
        TextInput({ value: this.inputValue }) {
           .onKey((event: KeyEvent) => {
                if (event.keyCode === KeyCode.DELETE) {
                    console.log("删除键被按下");
                }
            })
           .valueChange((newValue: string) => {
                this.inputValue = newValue;
                console.log("输入框文本变为:", newValue);
            })
        }
    }
}

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。