调整 HTMLElement 类以覆盖特定属性

如何解决调整 HTMLElement 类以覆盖特定属性

我想覆盖 HTMLElement 的功能，以便在 get 或 set 时 scrollTop 属性将在触摸实际值之前执行一些额外的逻辑。据我所知，唯一的方法是删除原始属性，然后使用 Object.defineproperty():

delete element.scrollTop;

Object.defineProperty(element,"scrollTop",{
   get: function() : number { 
      ...
   },set: function(value: number) {
      ...
   }
});

但是，这会删除对原始 scrollTop 的所有访问权限，因此新逻辑无法执行类似 return base.scrollTop 的操作。对此 older,similar question 的评论声称在使用 Object.defineproperty() 覆盖时无法访问原始值。

我想知道是否有一种可能的替代方法是创建一个适配器类来实现 HTMLElement 接口并包装有问题的 HTMLElement。所有实现的属性都委托给包装元素的属性，但它的 scrollTop 会做我需要的额外工作。

我对 Typescript 很陌生，但是否有替代方案？如果是这样，是否有一种轻量级的方法来定义适配器上的所有其他属性，我们没有接触到自动委托给被包装元素？