在jquery-ui-tabs中切换选项卡后，取消突出显示文本框中的文本

Question

我遇到了一个关于jquery-ui选项卡对象的奇怪问题。如果我突出显示选项卡上的html输入标记的文本(文本“type=”)，切换选项卡，然后返回到原始选项卡，则此文本仍然突出显示。我实际上可以在切换选项卡之前删除突出显示，当我返回时，文本再次突出显示。在触发选项卡的显示事件后，我曾尝试通过调用textbox上的.blur()来删除此突出显示，但这不起作用。类似地，实际单击页面的其他部分(我将blur()等同于)并不会删除文本的高亮显示。我在这里还能做些什么吗？

谢谢。

Answer 1

我已经通过修改输入DOM对象的selectionStart属性解决了手头的问题。通过将其设置为等于selectionEnd属性，可以确保不突出显示任何文本。在我最初的高亮显示中，selectionStart属性被更改了，所以当我回到选项卡时，文本被重新高亮显示。下面是解决方案。

$(this).find('input').each(function () {
    var input = document.getElementById($(this).attr("id"));
    try {
        input.selectionStart = input.selectionEnd;
    }
        catch (err) {
    }
});