public/tooltip
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Disable mouseenter/mouseleave for touch devices

Browse Source
This commit is contained in:
Valentin Silyutin
2025-09-22 12:55:07 +04:00
parent f17d3523cb
commit dde1b4f94e
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.js
View File

@@ -8,6 +8,8 @@ const attributeToOption = (attribute) => {
return attribute.charAt(0).toLowerCase() + attribute.slice(1); return attribute.charAt(0).toLowerCase() + attribute.slice(1);
}; };
const isTouchDevice = () => 'ontouchstart' in window || navigator.maxTouchPoints > 0;
export const createTooltip = ($el, content, options) => { export const createTooltip = ($el, content, options) => {
options = { options = {
animation: [ animation: [
@@ -414,11 +416,13 @@ export const createTooltip = ($el, content, options) => {
for (const trigger of options.trigger.split(' ')) { for (const trigger of options.trigger.split(' ')) {
switch (trigger) { switch (trigger) {
case 'mouseenter': { case 'mouseenter': {
if (!isTouchDevice()) {
$el.addEventListener('mouseenter', $el._tooltip.mouseEnterListener); $el.addEventListener('mouseenter', $el._tooltip.mouseEnterListener);
listeners.push({ el: $el, event: 'mouseenter', listener: $el._tooltip.mouseEnterListener }); listeners.push({ el: $el, event: 'mouseenter', listener: $el._tooltip.mouseEnterListener });
$el.addEventListener('mouseleave', $el._tooltip.mouseLeaveListener); $el.addEventListener('mouseleave', $el._tooltip.mouseLeaveListener);
listeners.push({ el: $el, event: 'mouseleave', listener: $el._tooltip.mouseLeaveListener }); listeners.push({ el: $el, event: 'mouseleave', listener: $el._tooltip.mouseLeaveListener });
}
break; break;
} }
case 'click': { case 'click': {