有没有办法检测何时从视图中隐藏HTML元素？

有的，可以使用JavaScript中的事件监听器来检测何时从视图中隐藏HTML元素。具体来说，可以使用MutationObserver来监听元素的属性变化，然后判断元素是否被隐藏。

以下是一个示例代码：

// 创建一个回调函数，用于处理元素的变化
const callback = function(mutationsList, observer) {
  for(let mutation of mutationsList) {
    if (mutation.type === 'attributes') {
      // 判断元素的display属性是否被设置为none
      if (mutation.target.style.display === 'none') {
        console.log('元素已被隐藏');
      }
    }
  }
};

// 创建一个观察器实例，并将回调函数传递给它
const observer = new MutationObserver(callback);

// 获取要监听的元素
const element = document.getElementById('myElement');

// 配置观察器
const config = { attributes: true };

// 开始监听元素
observer.observe(element, config);

// 在不需要监听时，可以停止观察器
// observer.disconnect();

在这个示例中，我们首先创建了一个回调函数，用于处理元素的变化。然后，我们创建了一个MutationObserver实例，并将回调函数传递给它。接着，我们获取要监听的元素，并使用observe方法开始监听元素。当元素的display属性被设置为none时，回调函数会被调用，并在控制台中输出一条消息。如果不需要监听元素，可以使用disconnect方法停止观察器。