uni-app 点击事件触发区域问题
uni-app 点击事件触发区域问题
操作步骤：
- 直接创建的hello uni的示例项目 测试的
预期结果：
- 点击事件区域外围也会触发点击事件。。。。范围有点大 仅仅一点的话还可以接受
实际结果：
- 点击事件区域外围也会触发点击事件。。。。范围有点大 仅仅一点的话还可以接受
Bug描述：
| 信息类别 | 信息内容 |
|---|---|
| 产品分类 | uniapp/H5 |
| PC开发环境 | Windows |
| 操作系统版本 | 22H2 |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 3.8.12 |
| 浏览器平台 | Chrome |
| 浏览器版本 | 版本 117.0.5938.152（正式版本）（64 位） |
| 项目创建方式 | HBuilderX |
更多关于uni-app 点击事件触发区域问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
4 回复
没复现出这个问题
你写一个原声的button按钮看看点击范围对不对
或者您更新一下浏览器 / 换其他浏览器 都试试
更多关于uni-app 点击事件触发区域问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这是移动端常见的点击区域优化问题。在uni-app中，默认会给可点击元素添加active状态，并扩展点击区域以提升移动端用户体验。
解决方案：
- 对于特定元素，可以通过CSS重置点击区域：
.your-element {
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
- 如果使用
<button>或<view>等组件，可以添加hover-class="none"属性禁用默认的点击反馈效果：
<button hover-class="none">按钮</button>
- 对于自定义组件，可以在
mounted中设置：
this.$el.style.webkitTapHighlightColor = 'transparent';