Javascript 如何将函数扩展到div元素中？

我有一个函数可以处理工具提示的显示/隐藏和位置：

  tooltip = (e) => {
        // show/hide and position of tooltip
        // get element data
      }

还有一个div元素，我想在其中传播它：

<div {...tooltip} data='This is a tooltip 1'>Some div</div>
<div {...tooltip} data='This is a tooltip 2>Some div</div>

一些div
没有这种预先确定的解决方案，因为将同一个处理程序附加到多个事件并不是一项常见的任务。应该是：

<div onMouseOver={tooltip} onMouseLeave={tooltip}>Some div</div>

然后可以应用排列属性：

<div {...mouseEnterLeave(tooltip)}>Some div</div>

一些div
推荐的方法是使用
document.getElementById（“…”）.addEventListener（工具提示）
否则，请在这个问题上填写更多详细信息，说明您试图“填充”它的位置和方式。我不想在ElementById中使用任何不必要的id。请稍等，我会尽量把问题弄清楚
const mouseEnterLeave = fn => ({ onMouseOver: fn, onMouseLeave: fn });

<div {...mouseEnterLeave(tooltip)}>Some div</div>