HarmonyOS 鸿蒙Next Text 识别电话号码、邮箱、网址 点击时弹出对应的自定义弹窗

import { promptAction } from '@kit.ArkUI';

@Entry
@Component
struct TextExample7 {
  @State message: string = "手机号：13333333333，邮箱：123@qq.com"

  isValidPhoneNumber(phoneNumber: string): boolean {
    // 使用正则表达式匹配手机号的格式
    const phonePattern = /^1[3456789]\d{9}$/;
    return phonePattern.test(phoneNumber);
  }

  // 判断邮箱是否合法
  isValidEmail(email: string): boolean {
    // 使用正则表达式匹配邮箱的格式
    const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
    return emailPattern.test(email);
  }

  build() {
    Column() {
      Column() {
        Text(this.message)
        .copyOption(CopyOptions.InApp)
        .onTextSelectionChange((selectionStart: number, selectionEnd: number) => {
          let str = this.message.slice(selectionStart, selectionEnd)
          if (this.isValidPhoneNumber(str)) {
            promptAction.showToast({
              message: '选中内容是手机号'
            });
          } else if (this.isValidEmail(str)) {
            promptAction.showToast({
              message: '选中内容是邮箱'
            });
          } else {
            promptAction.showToast({
              message: '选中内容未识别'
            });
          }
        })
        .borderWidth(1)
        .borderColor(Color.Red)
        .width("80%")
        .height(100)
      }
      .width('100%')
      .backgroundColor(Color.White)
      .alignItems(HorizontalAlign.Start)
      .padding(25)
    }
    .height('100%')
  }
}

这样试试