# 给组件设置responseRegion属性向上下扩展热区，为什么上半部分可以响应点击，下半部分不能响应点击

**可能原因**

Blank组件默认会拦截触摸事件，导致下方热区无法响应，下半部分可能设置了Blank等组件导致遮挡住了下半部分扩展的热区，类似Stack内元素的zIndex遮挡。如下示例代码

```
@Entry
@Component
struct Index {
  build() {
    Column() {
      Blank()
        .height(200)
      Text("按钮1")
        .height(60)
        .stateStyles({
          pressed: {
            backgroundColor: Color.Red
          },
          normal: {
            backgroundColor: Color.Blue
          }
        })
        .responseRegion({
          x: 0,
          y: '-50%',
          width: '100%',
          height: '200%'
        })
      Blank()
        .height(30)
    }
  }
}
```

**解决措施**

对Text设置zIndex(1)，将当前层级设置到顶层。

**参考链接**

Z序控制