Esecuzione funzioni al trigger

[doppiaM]

ma è all'interno della funzione

[KillerWorm]

lo hai messo dentro la funzione addHoverListenersWithDelay, alla fine, invece ti ho indicato di inserirlo proprio dentro il listener dell'evento mouseenter.

Se indenti bene tutto lo script puoi capire meglio dove sta la chiusura di quelle funzioni. Per indentare il codice puoi utilizzare "Format JavaScript" che trovi nel menu a discesa in alto a destra dell'editor di CodePen (il pulsantino "˅").

[doppiaM]

trigger.addEventListener("mouseenter", function () {
prevTrigger = { mask, line };
var scrollPosition = window.scrollY || window.pageYOffset;


if (prevTrigger && prevTrigger != trigger) {
// Se c'è un trigger precedente, applica addclassout
addclassout(prevTrigger);
}


if (scrollPosition < threshold && sonotriggerato === false) {
clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(function () {
addclassin({ mask, line });
sonotriggerato = true;
}, delay);
} else {
addclassin({ mask, line });
}
});

in questo modo intendi?
se si il problema persiste ancora

[KillerWorm]

6 - Dentro mouseenter , dopo aver eseguito il tutto, dovrai popolare la variabile prevTrigger in questo modo:

Dai, mi prendi in giro?
Perché l'hai messa all'inizio della funzione?
Dentro mouseenter, dopo aver eseguito il tutto, significa che devi metterla dopo aver eseguito il tutto dentro mouseenter. Cosa c'è di difficile da capire?

[doppiaM]

a scusami se non ho capito male intendi alla fine della funione?(esempio sotto)
se ancora non ho capito mi scuso sono alle prime armi in Javascript non ho intenzione di prenderti in giro se intendi di inserirlo nel listners non so come si faccia a livello di sintassi se mi puoi spiegare te ne sono grato

trigger.addEventListener("mouseenter", function () {

var scrollPosition = window.scrollY || window.pageYOffset;


if (prevTrigger && prevTrigger != trigger) {
// Se c'è un trigger precedente, applica addclassout
addclassout(prevTrigger);
}


if (scrollPosition < threshold && sonotriggerato === false) {
clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(function () {
addclassin({ mask, line });
sonotriggerato = true;
}, delay);
} else {
addclassin({ mask, line });
}

prevTrigger = { mask, line };
});

[KillerWorm]

Nessun problema. Sì, puoi inserirla alla fine di quella funzione.
Hai verificato se così funziona?

Si tratta giusto di capire la logica. Quella variabile (prevTrigger) va aggiornata dopo (e solo dopo) averla utilizzata come confronto nella condizione dentro il "mouseenter":

if (prevTrigger && prevTrigger != trigger) { ... }

Capisci bene che se tu la aggiorni prima, mettendola all'inizio della funzione (cioè prima di quella condizione), farà riferimento al trigger corrente, per cui quella condizione sarà resa vana perché non verrebbe mai verificata.

Per tale motivo ti ho indicato di inserirla dentro mouseenter dopo aver eseguito il tutto, in particolare dopo quella condizione in cui quella variabile deve avere il valore del trigger precedente, non ancora aggiornato.
Spero ti risulti chiaro questo concetto.

Fai sapere.



PS: occhio, usa gli appositi tag [CODE] per postare in modo corretto il codice sul forum (vedi regolamento di sezione).

[doppiaM]

celò fatta finalmente ho capito grazie mille par la pazienza e l'aiuto starò anche più attento la prossima volta riguardo i post sul forum.
Grazie ancora di tutto