Question

我有一个颜色选择器

<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“parentdiv”会获得一个类选择器

并且轮子出现了，当我在color_picker div外面点击时，轮子在firefox宽度中消失了这段代码

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

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

http://acko.net/dev/farbtastic

问题：聚焦功能：如果我从方向盘转到广场并且div选择器消失，则失去焦点如果我从广场走到方向盘，它也会消失。模糊功能：根本就没有了！

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

编辑：仅IE8问题

Answer 1

尝试使用.blur()，而不是.focusout()。 focusout支持事件冒泡，即使子元素失去焦点也会触发，这可能是你的问题。

来源：http://api.jquery.com/focusout/

IE 8 Jquery焦点在父div中发布子节点

1 个答案: