Question

在输入框中输入值然后单击选择列表（FF和Chrome）时，将关注选择列表而不是模态对话框。

在IE中不会发生这种情况。

有关如何在FF和Chrome中阻止此行为的任何建议吗？

Answer 1

听起来像浏览器的特殊性，但我想出了一个解决方案（kludge）：

<input id="blurrer" />

<select>
    <option value="1">1</option>
    <option value="2">2</option>    
</select>

<div id="dialog" style="display: none;">
    Hi there!
</div>

Jquery的：

jQuery("#dialog").dialog({
    autoOpen: false,
    modal: true,
    close: function(event, ui) {
       jQuery("select").removeAttr("size");
    }
});


jQuery("#blurrer").blur(function() {
   jQuery("select").attr("size", "1");
   jQuery("#dialog").dialog("open");
});

http://jsfiddle.net/r66tR/5/

添加，解决方法（有点）适用于Chrome：

http://jsfiddle.net/r66tR/7/

单击选择列表时，不要专注于FF或Chrome中的模态对话框

1 个答案: