我需要关于 fullcalendar 和 tippyjs 的建议(https://atomiks.github.io/tippyjs/)。所以,这是我进入全日历的事件:
所以你可以看到当鼠标悬停在事件上时,我会像这样显示tippy js:
eventMouseEnter(ev: any) {
console.log('eventMouseEnter: ', ev.el);
const template = document.getElementById('template');
tippy(ev.el, {
content: template.innerHTML,
allowHTML: true,
interactive: true,
interactiveBorder: 30,
zIndex: 999999999999999999999999,
theme: 'light'
})
}
这是我的html代码:
<div id="template" tabindex="0">
<div class="tippy-box" tabindex="0">
<button mat-raised-button tabindex="0">button</button>
<span tabindex="0">
<select>
<option>one</option>
</select>
</span>
</div>
</div>
问题是,我无法单击按钮或选择...每次单击我的事件返回都是在 fullcalendar 事件上,但不是tippy js按钮...我该如何解决这个问题?打开时,我只需要将点击焦点放在tippy js的工具提示上。
谢谢