如何禁用触摸机上的文本选择？_使用触摸屏选择任何文本时禁用Chrome copy菜单_如何禁用文本选择突出显示？ - 腾讯云开发者社区

如何禁用触摸机上的文本选择？

禁用触摸机上的文本选择可以通过多种方法实现，具体取决于你是在网页上还是在应用程序中进行操作。以下是一些常见的方法：

网页上禁用文本选择

在网页上，你可以通过CSS来禁用文本选择。在你的CSS文件中添加以下样式：

body {
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none; /* Standard syntax */
}

或者，如果你只想针对特定的元素禁用文本选择，可以将上述样式应用到该元素的类或ID上。

应用程序中禁用文本选择

如果你是在开发一个应用程序（如使用React Native、Flutter等），你可以使用相应的方法来禁用文本选择。

React Native

在React Native中，你可以使用TouchableWithoutFeedback组件来包裹需要禁用文本选择的组件，并设置importantForAccessibility属性为'no'。

import React from 'react';
import { TouchableWithoutFeedback, Text } from 'react-native';

const App = () => {
  return (
    <TouchableWithoutFeedback onPress={() => {}}>
      <Text>这段文本无法被选择</Text>
    </TouchableWithoutFeedback>
  );
};

export default App;

Flutter

在Flutter中，你可以使用InkWell或GestureDetector来包裹需要禁用文本选择的Widget，并设置behavior属性为HitTestBehavior.translucent。

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('禁用文本选择')),
        body: Center(
          child: InkWell(
            onTap: () {},
            behavior: HitTestBehavior.translucent,
            child: Text('这段文本无法被选择'),
          ),
        ),
      ),
    );
  }
}