删除文本光标以使用Jquery输入

Question

当我专注于输入

时

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

在输入中出现文本光标...并且删除它的唯一方法（就像输入它没有焦点）是单击文档的另一部分...

用jquery如何删除文本光标？

我试过这个：

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

但是这个删除侦听器不是文本光标

谢谢！

Answer 1

您可以使用css轻松完成，如下面的代码。

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

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

希望这会对你有所帮助。

Answer 2

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

此代码禁用焦点。但是如果你做了一个禁用的输入，它会更好。

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