how to detatch mouseenter when clicked?

Question

I wanted to remove the cursor from the current element clicked. I've tried the following:

$('div').on('click',function(){
   $(this).off('mouseenter'); 
});

But this doesn't displace the cursor. Any idea?

What you are currently doing is detaching the `mouseenter` event handler from the object. This will not effect the cursor in any way. — Nunners, Nov 27 '13 at 09:11

score 1 · Answer 1 · answered Nov 27 '13 at 09:09

1

If I understand what you want correctly, then you should use the CSS property of cursor:none;.

jQuery Example : Example JSFiddle

$('div').on('click',function(){
    $(this).css({'cursor' : 'none'});
});

answered Nov 27 '13 at 09:09

Nunners

no it still the cursor in the same position but I want my cursor anywhere outside the element – Bhojendra Rauniyar Nov 27 '13 at 09:11
What do you mean exactly? You want to move the cursor somewhere else? You want to hide it for the entire page? – Nunners Nov 27 '13 at 09:13
Move the cursor somewhere else. – Bhojendra Rauniyar Nov 27 '13 at 09:14
It's not possible to move the cursor via Javascript. See the following question as to why it isn't possible : http://stackoverflow.com/questions/1208729/jquery-set-mouse-position-not-cursor-position – Nunners Nov 27 '13 at 09:15
better you move the document using scrollTop() – Amit Soni Nov 27 '13 at 09:28
I've a gallery and when the button is clicked the appended image is not showing but showing after I move the cursor. – Bhojendra Rauniyar Nov 27 '13 at 09:42

1 Answers1