微信小程序-如何解决input、textarea层级穿透？

微信小程序中，`input` 和 `textarea` 元素有时会出现层级穿透的问题，即它们的输入框可能会出现在遮罩层（如模态框）之外，用户难以正常操作。这通常是由于组件层级设置不当导致的。为了解决这个问题，可以采取以下几种方法：

1. **合理布局**：确保所有包含输入框的页面元素都在正确的层级结构中，避免嵌套过深。尽量让需要遮罩保护的组件处在父级组件之下。

2. **使用`mask-view`**：微信小程序提供了一个名为`mask-view`的组件，它可以作为遮罩层叠加在其他元素之上。将输入框放在`mask-view`内部，可以防止层级穿透。

   <view>
     <mask-view></mask-view>
     <input placeholder="请输入内容" />
   </view>

3. **阻止事件冒泡**：如果无法直接使用`mask-view`，可以在处理输入框点击事件时阻止事件向上冒泡，以便于在点击外部区域时关闭遮罩。

   input.addEventListener('click', function(e) {
     e.stopPropagation();
   });

4. **自定义组件封装**：如果经常遇到这种需求，可以考虑封装一个带遮罩功能的自定义输入组件，内部包含`input`和`mask-view`，方便统一管理。