https://github.com/realcyguy/unclickable-button

Makes an unclickable button by moving when hovered, requiring javascript, redirecting when devtools is open, setting the tabindex to -1 (un-tabable), not working with touch screens, enforcing minimum height and width, and preventDefault-ing key presses (like enter key).
https://github.com/realcyguy/unclickable-button

button css html javascript js unclickable

Last synced: about 1 month ago
JSON representation

Makes an unclickable button by moving when hovered, requiring javascript, redirecting when devtools is open, setting the tabindex to -1 (un-tabable), not working with touch screens, enforcing minimum height and width, and preventDefault-ing key presses (like enter key).

• Host: GitHub
• URL: https://github.com/realcyguy/unclickable-button
• Owner: RealCyGuy
• Created: 2020-06-11T16:50:25.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2020-06-11T19:02:10.000Z (about 6 years ago)
• Last Synced: 2025-06-17T09:51:35.560Z (12 months ago)
• Topics: button, css, html, javascript, js, unclickable
• Language: HTML
• Homepage: https://unclickable.netlify.app/
• Size: 19.5 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Unclickable(?) button

> Makes an unclickable button by moving when hovered, requiring javascript, redirecting when devtools is open, setting the tabindex to -1 (un-tabable), not working with touch screens, enforcing minimum height and width, and preventDefault-ing key presses (like enter key).

[![Netlify Status](https://api.netlify.com/api/v1/badges/0b181a4a-5b63-41c0-afef-403343abbc35/deploy-status)](https://app.netlify.com/sites/unclickable/deploys)

Hosted on netlify: