Javascript IE 8 Jquery焦点问题父div内的子级

我有一个颜色选择器

<div id="parentdiv" class='picker-on'>

    <input id=color_picker" class="E-panel-hex focus" type="text" value="#ce5059" name="color_picker" style="background-color: rgb(221, 95, 164); color: rgb(0, 0, 0);">

    <div id="picker" style="left: 669px; top: 289px;">
        <div class="farbtastic">
            <div class="color" style="background-color: rgb(255, 0, 163);"></div>
            <div class="wheel"></div>
            <div class="overlay"></div>
            <div class="h-marker marker" style="left: 45px; top: 31px;"></div>
            <div class="sl-marker marker" style="left: 61px; top: 101px;"></div>
        </div>
    </div>

</div>

您可以在这里看到颜色选择器是如何构建的

问题是： 聚焦输出功能： 如果我从方向盘转到正方形，div选择器消失，就会失去焦点 如果我从正方形走到轮子上，它也会消失。 模糊功能： 别担心

我无法获得正确的代码，欢迎任何帮助

编辑：仅IE8问题

尝试使用

.blur（）

，而不是

.focusout（）

。 focusout支持事件冒泡，即使子元素失去焦点，它也会触发，这可能是您的问题

来源：

尝试使用

.blur（）

，而不是

.focusout（）

。 focusout支持事件冒泡，即使子元素失去焦点，它也会触发，这可能是您的问题

---

来源：

如果我使用模糊，它只在我单击另一个输入字段时切换，如果我在选择器分区外单击，它不会完全删除该分区如果我使用模糊，它只在我单击另一个输入字段时切换，如果我在选择器分区外单击，它根本不会删除该分区

$('.picker-on').focusout(function(){
        $('div.picker-on').removeClass('picker-on');
        $('#picker').remove();
        $('#'+thisid).trigger('change');
    });