← Tutti gli esempi

JavaScript Lettura e focus quora.com

Quora: concentrazione su una sola risposta

Attenua tutte le risposte tranne quella sotto il cursore, per concentrarti su una alla volta.

Codice da copiare

// Focus mode: dim every answer except the one under the cursor
function setupFocus() {
  document.querySelectorAll('div[class*="puppeteer_test_answer_content"]').forEach(function (a) {
    if (a.dataset.jzFocus) { return; }
    a.dataset.jzFocus = '1';
    const wrap = a.closest('[class*="q-box"]') || a;
    wrap.style.transition = 'opacity 0.2s ease';
    wrap.addEventListener('mouseenter', function () {
      document.querySelectorAll('div[class*="puppeteer_test_answer_content"]').forEach(function (o) {
        const ow = o.closest('[class*="q-box"]') || o;
        ow.style.opacity = (ow === wrap) ? '1' : '0.3';
      });
    });
  });
  document.addEventListener('mouseleave', function () {
    document.querySelectorAll('div[class*="puppeteer_test_answer_content"]').forEach(function (o) {
      const ow = o.closest('[class*="q-box"]') || o;
      ow.style.opacity = '1';
    });
  });
}
setupFocus();
const obs = new MutationObserver(setupFocus);
obs.observe(document.documentElement, { childList: true, subtree: true });

Come usare questo esempio

  1. Copia il codice con il pulsante qui sopra.
  2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
  3. Aggiungi una nuova regola corrispondente a quella pagina.
  4. Incolla il codice nel pannello JavaScript della regola e salva — viene eseguito a ogni visita della pagina.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso