Change the mouse pointer using JavaScript

Question

I wanted to use a script to change the mouse pointer on my website using JavaScript  It s better done by CSS but my requirement is of a script that can be distributed to many people to embed in the head section of their websites  Through CSS  this can be manipulated by  html   cursor   cursorurl      How to do the same in JavaScript

User · Answer

Look at this page  http   www webcodingtech com javascript change-cursor php   Looks like you can access cursor off of style   This page shows it being done with the entire page  but I m sure a child element would work just as well   document body style cursor    wait

User · Answer

document body style cursor    cursorurl

User · Answer

Javascript is pretty good at manipulating css    document body style cursor    cursor-url      OR  var elementToChange   document getElementsByTagName  body   0    elementToChange style cursor    url  cursor url with protocol    auto     or with jquery      html   css  cursor  url  cursor url with protocol    auto      Firefox will not work unless you specify a default cursor after the imaged one   other cursor keywords  Also remember that IE6 only supports  cur and  ani cursors   If cursor doesn t change  In case you are moving the element under the cursor relative to the cursor position  e g  element dragging  you have to force a redraw on the element      in plain js document getElementById  parentOfElementToBeRedrawn   style display    none   document getElementById  parentOfElementToBeRedrawn   style display    block      in jquery     parentOfElementToBeRedrawn   hide   show 0       working sample    lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Transitional  EN   http   www w3 org TR xhtml1 DTD xhtml1-transitional dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml  gt   lt head gt   lt title gt First jQuery-Enabled Page lt  title gt   lt style type  text css  gt   div       height  100px      width  1000px      background-color  red      lt  style gt   lt script type  text javascript  src  jquery-1 3 2 js  gt  lt  script gt  lt  head gt   lt body gt   lt div gt  hello with a fancy cursor   lt  div gt   lt  body gt   lt script type  text javascript  gt  document getElementsByTagName  body   0  style cursor    url  http   wiki-devel sugarlabs org images e e2 Arrow cur    auto      lt  script gt   lt  html gt

User · Answer

With regards to  CrazyJugglerDrummer second method it would be   elementsToChange style cursor    http   wiki-devel sugarlabs org images e e2 Arrow cur

[javascript] Change the mouse pointer using JavaScript

Examples related to javascript

Examples related to cursor

Examples related to custom-cursor