Remove text cursor to input with Jquery

Question

when I do focus on an input

$('#bar input').focus(function(){
// code code
});

in the input appears the text cursor... and the only way to remove it (so like the input it not focus) is to click in another part of document...

with jquery how i can remove the text cursor ?

i tried this:

$('#bar input').off('focus'); 

but this remove listener not text cursor

thanks!

Answer 1

$('#bar input').on('focus', function(e) { 
    e.preventDefault();
    $(this).blur();
}

This code disables the focus. But it's better if you make a disabled input.

<input disabled="disabled" type="text">

Answer 2

You can do it easily with css like the code below.

 #bar input{ color : transparent; text-shadow : 0 0 0 #000; } #bar input:focus{ outline : none; }

 <div id="bar"> <input type="text"/> </div>

Hope this will help you.