• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 点击控制
2
3设置组件是否可以响应点击事件、触摸事件等手指交互事件。
4
5>  **说明：**
6>
7>  从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。
8
9
10## 属性
11
12
13| **名称**      | **参数类型** | **描述**                    |
14| ----------- | -------- | ------------------------ |
15| touchable<sup>(deprecated)</sup>   | boolean  | 设置当前组件是否可以响应点击事件、触摸事件等手指交互事件。<br>默认值：true <br />**说明：**<br />从 API version 9 开始废弃，建议使用[hitTestBehavior](ts-universal-attributes-hit-test-behavior.md)替代。|
16
17
18## 示例
19
20```ts
21// xxx.ets
22@Entry
23@Component
24struct TouchAbleExample {
25  @State text1: string = ''
26  @State text2: string = ''
27
28  build() {
29    Stack() {
30      Rect()
31        .fill(Color.Gray).width(150).height(150)
32        .onClick(() => {
33          console.info(this.text1 = 'Rect Clicked')
34        })
35        .overlay(this.text1, { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
36      Ellipse()
37        .fill(Color.Pink).width(150).height(80)
38        .touchable(false) // 点击Ellipse区域，不会打印 “Ellipse Clicked”
39        .onClick(() => {
40          console.info(this.text2 = 'Ellipse Clicked')
41        })
42        .overlay(this.text2, { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
43    }.margin(100)
44  }
45}
46```
47
48![zh-cn_image_0000001189624550](figures/zh-cn_image_0000001189624550.gif)
49