I want to hide the cursor for my browser based game. I don't want to do this until the game starts.
I have this in CSS: * { cursor: none }. How would I do this in JavaScript? My target browser is Chrome and only Chrome.
-
See here: stackoverflow.com/questions/1071356/…looper– looper2013-02-22 12:26:19 +00:00Commented Feb 22, 2013 at 12:26
Add a comment
|
2 Answers
You can do
document.body.style.cursor='none';
A note about your CSS : it's better to avoid as much as possible the * selector, especially when you can just set a style to the body.
6 Comments
Wouter J
please not that this is equal to
body{ cursor:none }. See this question if you want to use the * selector in JavaScript
Denys Séguret
@WouterJ The good solution here is probably to avoid using
*.Wouter J
yes, I know. That's why I added it as a comment and not as an answer.
Cheetah
@dystroy Using the body does not work for hyperlinks (as an example, might not work for other objects too....hence why I want the * selector)
Denys Séguret
I thought this was for a full window game, which made some sense... Do you really really want to hide the cursor over the links and the inputs ? Is the goal to piss the users ?
|
<div id="nocursor"></div>
<script type="text/javascript">
document.getElementById('nocursor').style.cursor = 'none';
</script>
It still uses css, but I assume that this is what you were looking for.
