Skip to content

Instantly share code, notes, and snippets.

@mimonelu
Created March 15, 2019 06:05
Show Gist options
  • Save mimonelu/a34bf6d1bf31744ad9c7805df3eb88b1 to your computer and use it in GitHub Desktop.
Save mimonelu/a34bf6d1bf31744ad9c7805df3eb88b1 to your computer and use it in GitHub Desktop.
🎨 γƒ–γƒ©γƒΌγƒ–γƒƒγ‚―γƒžγƒΌγ‚―γƒ¬γƒƒγƒˆ
javascript: (() => { let enabled = true, target = null; window.addEventListener('mouseover', (e) => { if (!enabled) return; target = e.target; target.style.outline = '4px solid #ff0000'; }); window.addEventListener('mouseout', (e) => { if (!enabled) return; target.style.outline = 'none'; target = null; }); window.addEventListener('click', (e) => { if (!enabled) return; e.preventDefault(); if (target) { const isBlur = target.getAttribute('data-is-blur'); if (!isBlur) { target.setAttribute('data-is-blur', true); target.style.filter = 'blur(8px)'; } else { target.removeAttribute('data-is-blur'); target.style.filter = 'none'; } } }); window.addEventListener('keyup', (e) => { if (!enabled) return; if (e.keyCode === 27) { enabled = false; if (target) { target.style.outline = 'none'; } } }); })(); void 0;
@mimonelu
Copy link
Author

mimonelu commented Mar 15, 2019

  • γ‚―γƒͺγƒƒγ‚―γ—γŸ DOM θ¦η΄ γ«γƒ–γƒ©γƒΌοΌˆγΌγ‹γ—οΌ‰γ‚’γ‹γ‘γΎγ™
  • Esc γ‚­γƒΌοΌˆγ‚¨γ‚Ήγ‚±γƒΌγƒ—γ‚­γƒΌοΌ‰γ§η΅‚δΊ†γ—γΎγ™

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment