# 点击控制
设置组件是否可以响应点击事件、触摸事件等手指交互事件。
> **说明:**
>
> 从API version 9开始,该模块不再维护,建议使用[hitTestBehavior](ts-universal-attributes-hit-test-behavior.md)替代。
>
> 从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
## 属性
| **名称** | **参数类型** | **描述** |
| ----------- | -------- | ------------------------ |
| touchable(deprecated) | boolean | 设置当前组件是否可以响应点击事件、触摸事件等手指交互事件。
默认值:true |
## 示例
```ts
// xxx.ets
@Entry
@Component
struct TouchAbleExample {
@State text1: string = ''
@State text2: string = ''
build() {
Stack() {
Rect()
.fill(Color.Gray).width(150).height(150)
.onClick(() => {
console.info(this.text1 = 'Rect Clicked')
})
.overlay(this.text1, { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
Ellipse()
.fill(Color.Pink).width(150).height(80)
.touchable(false) // 点击Ellipse区域,不会打印 “Ellipse Clicked”
.onClick(() => {
console.info(this.text2 = 'Ellipse Clicked')
})
.overlay(this.text2, { align: Alignment.Bottom, offset: { x: 0, y: 20 } })
}.margin(100)
}
}
```
