我有一个颜色选择器
<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 问题
最佳答案
尝试使用 .blur()
,而不是 .focusout()
。
focusout 支持事件冒泡,即使子元素失去焦点它也会触发,这可能是你的问题。
关于javascript - IE 8 Jquery 焦点问题父 div 内的子项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8713445/