javascript - 如何在 Internet Explorer 中的 HTML 文本输入中隐藏闪烁的光标？

Question

我有一个文本输入，我想隐藏它闪烁的光标。

我找到了一个在 FireFox 和 Chrome 中运行良好的解决方案(将颜色设置为透明)但此解决方案在 IE 中不起作用。

有解决办法吗？

<input type="text" value="dummydummydummy" tabindex="-1" id='test' style="cursor: none;color: transparent; width: 0px; height: 0px; background-color:transparent; border:solid transparent 1px; outline: none; position: absolute; z-index: 2000"/>

此外，我不想在输入获得焦点后立即模糊控件。因为我需要集中控制。

注意:我正在 IE8 中测试这个

Answer 1

您可以放置​​一个按钮来使该文本字段可聚焦(闪烁)或不可聚焦。

使用 JQuery:

$('#test').on("focus",blurMe);
var focusable = false;

function blurMe(){
    $(this).blur();
}

$('#swapper').click(function(){
    if(focusable){
        $('#test').on("focus",blurMe);
        focusable = false;
    }else{
        $('#test').off("focus",blurMe);
        focusable = true;
    }   
});

和 html :

<input type="text" value="dummydummydummy" tabindex="-1" id='test' style="cursor: none;color: transparent; width: 0px; height: 0px; background-color:transparent; border:solid transparent 1px; outline: none; position: absolute; z-index: 2000"/>
<input type="button" id="swapper">