If not you can use a particular selector like class or id to add a cursor to only that class or id. Set the cursor to the body tag if you need to show it everywhere. Get user input from input tag using jQuery ('input'').val () On button click assign input value to range function to return cursor position on div. Javascript Add Custom Image to cursor You can add a cursor to the entire page or you can change the cursor when hover a particular element easily by setting cursor property. I’m using cellPicker to pick a point on a brain geometry, like in the example from vtk.js website CellPicker,Īs I’m using it on a brain geometry with a lot of triangles, the picking process takes time (2 seconds), I need to change the cursor while the picking is not yet finished, I couldn’t do that using simple css / javascript, and I couldn’t do that using the code below: grw.getRenderWindow().getInteractor(). Approach 1: First, create Range and set position using above syntax.