properties Onmouseover, onmouseout are impossible to set in SvgRectangle

[compunited]

I want to add atooltiptext on mouse over like the following sample

function showTooltip(evt, text) {
let tooltip = document.getElementById("tooltip");
tooltip.innerHTML = text;
tooltip.style.display = "block";
tooltip.style.left = evt.pageX + 10 + 'px';
tooltip.style.top = evt.pageY + 10 + 'px';
}

function hideTooltip() {
var tooltip = document.getElementById("tooltip");
tooltip.style.display = "none";
}

but it seems impossible to fill thes properties in SvgRectangle