Disabled on hover?

Question

I'm trying to make it so a button is only disabled when hovered using JS. Can somebody help me out?

Answer 1

try this
in mobile it doesn't work well (no mouse after all)

but i think it should work on a pc

edit: much to my surprise, it worked 😅

edit2: onmouseleave instead onmouseout works as well

https://code.sololearn.com/W4Hy3XqmRzGk/?ref=app

Answer 2

Daniel Cooper i see....
disabled is not a CSS attribute afaik

Answer 3

you can use pointer-events to disbale it

.my-button:hover{
pointer-events:none;
...rest of style...
}

Answer 4

Daniel Cooper
if you want to use burey's example in th external js tab
enclose it in he onload event like so: window.onload=function(){
//your script here
}
so the script will run once the whole page is loaded

Answer 5

Thanks, but I was trying to set the attribute to disabled using JS. Except every time I try, it doesn't work :(

Answer 6

Thanks. Had no idea you could set it like that. I was trying to use setAttribute.

Answer 7

It's an HTML attribute.

Answer 8

So wait, how come when I type the same code into external JS(AKA the js tab) it doesn't work?

Answer 9

reminding me that I'm a moron does not make me any less of a moron, now answer the question or don't waste my time. :)