Question

我很确定这只是iE6的限制，但我想我最好问一下：

<body>
    <h1>Select + event test</h1>
    <div>   
        <select>
            <option>ABC</option>
            <option>123</option>
        </select>
        <span id="eventSrc">Event Source</span>
    </div>
    <div id="log"></div>

    <script type="text/javascript">
        var log = $("#log");
        $("#eventSrc").bind("mouseover mouseout mouseenter mouseleave", function(event){
            log.append(event.type + "<br/>");
        })
    </script>
</body>

在所有现代浏览器中，即使选择“下拉”，日志也会记录鼠标*事件。在iE6中，它似乎在激活+下降时不会触发事件。

任何解决方案？我的用例是针对需要在鼠标悬停时弹出的工具提示，即使查看下拉列表也是如此。

纯JS解决方案也欢迎，jQuery对我的演示来说简洁：）

Answer 1

我觉得你运气不好。众所周知，IE在选择列表方面存在问题。

e.g。选择列表中的you can't bind events to the options ...或disable them（IE8之前）和trying to modify the contents（例如选项）在打开时失败。

当<select>处于活动状态并且下拉</select>时，在iE6中触发事件

1 个答案: