首页怎么加事件

怎么加事件

时间: 2023-07-31 11:09:52 浏览: 30

要在 SVG 元素上添加事件，你可以使用 SVG.js 提供的 `on()` 方法。这个方法允许你为指定的事件类型添加一个事件监听器，当指定的事件发生时，该监听器就会被触发。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <title>SVG.js Demo with Event</title> <script src="https://cdn.jsdelivr.net/npm/svg.js@3.1.0/dist/svg.min.js"></script> <style> #drawing { border: 1px solid black; } </style> </head> <body> <div id="drawing"></div> <script> var draw = SVG().addTo('#drawing').size(300, 300); var rect = draw.rect(100, 100).attr({fill: '#f06'}); rect.on('click', function() { this.fill({color: '#0f6'}); }); </script> </body> </html> ``` 上面的代码在矩形元素上添加了一个 `click` 事件监听器。当用户单击矩形时，监听器会将矩形的填充颜色更改为绿色。在监听器函数中，`this` 表示当前矩形元素。你可以根据需要为其他事件类型添加监听器，比如 `mouseover`、`mouseout` 等等。