山海鲸可视化

监听事件并响应

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

1
2
3
4
5
6
7
8
class ExtensionSample {
init() {
this.element.addEventListener("click", () => {
console.log("按钮被点击");
});
}
}
export default ExtensionSample;

我们看下点击按钮后的效果:
image.png
二开中还支持一些其他的事件,具体可以查看文档:Element 类 - 开发教程 - 山海鲸可视化
我们也会在后续的教程中逐渐提到其他事件的使用方法。