jeans/WLED
jeans/WLED
1
0
Fork 0
mirror of https://github.com/wled/WLED.git synced 2025-07-12 21:36:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix for #4153 (#4253)

Browse Source 
* fix for #4153

* only load touch/mouse events for touch/mouse devices

* undid formating changes

* undid more formating changes

* undid all formating changes

* use pointerover and pointerout eventlisteners
This commit is contained in:
maxi4329 2025-02-15 15:14:52 +01:00 committed by Damian Schneider
parent 2ac4d03160
commit edc6022441
2 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
wled00/data/common.js
View File

@ -16,7 +16,7 @@ function isI(n) { return n === +n && n === (n|0); } // isInteger
function toggle(el) { gId(el).classList.toggle("hide"); gId('No'+el).classList.toggle("hide"); } function toggle(el) { gId(el).classList.toggle("hide"); gId('No'+el).classList.toggle("hide"); }
function tooltip(cont=null) { function tooltip(cont=null) {
d.querySelectorAll((cont?cont+" ":"")+"[title]").forEach((element)=>{ d.querySelectorAll((cont?cont+" ":"")+"[title]").forEach((element)=>{
element.addEventListener("mouseover", ()=>{ element.addEventListener("pointerover", ()=>{
// save title // save title
element.setAttribute("data-title", element.getAttribute("title")); element.setAttribute("data-title", element.getAttribute("title"));
const tooltip = d.createElement("span"); const tooltip = d.createElement("span");
@ -41,7 +41,7 @@ function tooltip(cont=null) {
tooltip.classList.add("visible"); tooltip.classList.add("visible");
}); });
element.addEventListener("mouseout", ()=>{ element.addEventListener("pointerout", ()=>{
d.querySelectorAll('.tooltip').forEach((tooltip)=>{ d.querySelectorAll('.tooltip').forEach((tooltip)=>{
tooltip.classList.remove("visible"); tooltip.classList.remove("visible");
d.body.removeChild(tooltip); d.body.removeChild(tooltip);

7
wled00/data/index.js
View File

@ -3114,10 +3114,9 @@ function mergeDeep(target, ...sources)
return mergeDeep(target, ...sources); return mergeDeep(target, ...sources);
} }
function tooltip(cont=null) function tooltip(cont=null) {
{
d.querySelectorAll((cont?cont+" ":"")+"[title]").forEach((element)=>{ d.querySelectorAll((cont?cont+" ":"")+"[title]").forEach((element)=>{
element.addEventListener("mouseover", ()=>{ element.addEventListener("pointerover", ()=>{
// save title // save title
element.setAttribute("data-title", element.getAttribute("title")); element.setAttribute("data-title", element.getAttribute("title"));
const tooltip = d.createElement("span"); const tooltip = d.createElement("span");
@ -3142,7 +3141,7 @@ function tooltip(cont=null)
tooltip.classList.add("visible"); tooltip.classList.add("visible");
}); });
element.addEventListener("mouseout", ()=>{ element.addEventListener("pointerout", ()=>{
d.querySelectorAll('.tooltip').forEach((tooltip)=>{ d.querySelectorAll('.tooltip').forEach((tooltip)=>{
tooltip.classList.remove("visible"); tooltip.classList.remove("visible");
d.body.removeChild(tooltip); d.body.removeChild(tooltip);