# CustomizingLongPressMenu

**Repository Path**: harmonyos_samples/customizing-long-press-menu

## Basic Information

- **Project Name**: CustomizingLongPressMenu
- **Description**: 本示例介绍了给Webview页面中可点击元素（超链接/图片）绑定长按/鼠标右击时的自定义菜单的方案。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 5
- **Created**: 2024-06-15
- **Last Updated**: 2025-06-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 实现Web组件的交互功能

### 介绍

本示例通过Web组件的onContextMenuShow函数，实现了应用加载HTML文件，并给HTML文件中的内容增加与用户交互的功能。帮助开发者掌握Web组件的开发，学会应用内网页如何与用户交互的处理。

### 效果图预览

![](./screenshots/device/web.gif)

##### 使用说明

长按Web页面中的图片或者链接元素，弹出自定义的Menu菜单，创建自定义的操作，如复制图片、使用浏览器打开链接、复制链接等。

### 工程目录

```
├──entry/src/main/ets/
│  ├──common
│  │  ├──CommonConstants.ets         // 公共常量类
│  │  └──Utils.ets                   // 工具函数
│  ├──entryability
│  │  └──EntryAbility.ets            // 程序入口类
│  └──pages                  
│     └──Index.ets                   // 首页
└──entry/src/main/resources          // 应用静态资源目录
```

### 具体实现

1. 创建Web组件，导入示例HTML文件，绑定弹出菜单组件。

2. 调用Web组件的onContextMenuShow函数，获取当前页面元素弹窗菜单的信息，如位置信息、当前链接、以及是否存在图片等媒体元素、获取事件来源等。

3. 创建自定义菜单，在onContextMenuShow事件中能够获取触发菜单元素的信息和事件，根据这些内容动态创建自定义的弹出菜单。

### 相关权限

不涉及。

### 约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。

2. HarmonyOS系统：HarmonyOS 5.0.4 Release及以上。

3. DevEco Studio版本：DevEco Studio 5.0.4 Release及以上。

4. HarmonyOS SDK版本：HarmonyOS 5.0.4 Release SDK及以上。