监听事件并响应

有一些元素上的交互事件可以在二开代码中监听并响应，最常见的就是鼠标事件，目前支持的鼠标事件有三个，分别是 click，mouseenter，mouseleave。我们用一个简单的案例来看下对鼠标事件的处理：

1
2
3
4
5
6
7
8

class ExtensionSample {
  init() {
    this.element.addEventListener("click", () => {
      console.log("按钮被点击");
    });
  }
}
export default ExtensionSample;

我们看下点击按钮后的效果：

二开中还支持一些其他的事件，具体可以查看文档：Element 类 - 开发教程 - 山海鲸可视化

我们也会在后续的教程中逐渐提到其他事件的使用方法。