HarmonyOS 鸿蒙Next中浏览器如何禁用长按选中文字

HarmonyOS 鸿蒙Next中浏览器如何禁用长按选中文字 华为mate 40 pro 手机内置浏览器 如何禁用掉文本的选中且不影响元素的点击事件

2 回复

在HarmonyOS鸿蒙Next中，浏览器禁用长按选中文字可通过Web组件设置onTouch事件拦截默认行为实现。在ArkTS中使用@Entry、@Component结构，为Web组件添加onTouch事件处理，调用event.stopPropagation()阻止长按默认选中操作。示例代码片段：Web({ src: 'www.example.com' }).onTouch((event) => { if (event.type === TouchType.LongPress) { event.stopPropagation(); } })。此方法直接阻断长按事件传递，无需修改系统设置。

更多关于HarmonyOS 鸿蒙Next中浏览器如何禁用长按选中文字的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS Next中，可以通过CSS样式或JavaScript来禁用浏览器中文本的长按选中功能，同时不影响元素的点击事件。以下是两种实现方法：

使用CSS样式（推荐）

在页面样式中添加以下CSS规则：

body {
  -webkit-user-select: none; /* 兼容WebKit内核 */
  user-select: none; /* 标准属性 */
}

此方法会全局禁用文本选择，但不会影响按钮、链接等元素的点击事件。

使用JavaScript

在页面脚本中添加：

document.addEventListener('selectstart', function(e) {
  e.preventDefault();
});

这段代码会阻止文本选择事件的默认行为。

注意事项：

  • 如果只需要禁用特定区域的文本选择，可以将CSS样式或事件监听应用到具体的容器元素而非整个body
  • 这两种方法均不会影响input、textarea等表单元素的正常文本选择功能
  • 测试时请确保在HarmonyOS Next的真机或模拟器环境中验证效果

根据实际需求选择适合的方案即可实现禁用文本选择但保留点击交互的效果。

回到顶部