Question

每当用户将鼠标悬停在列表元素上时，我想捕获一个事件。

以下代码适用于Mozilla和Chrome，但不适用于IE8。如何让它在IE8中运行？

这是jsFiddle - http://jsfiddle.net/tromanow/U9wAz/

jQuery的：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
    $('#thelist option').hover(function(e){
       alert('here');
    });
});
</script>

HTML：

<select id="thelist" name="sometext" size="4" >
    <option data-info="this is text1">text1</option>
    <option data-info="this is text2">text2</option>
    <option data-info="this is text3">text3</option>
    <option data-info="this is text4">text4</option>
    <option data-info="this is text5">text5</option>
    <option data-info="this is text5">text6</option>
    <option data-info="this is text5">text7</option>
</select>

Answer 1

似乎在Internet Explorer中（即使是最近的版本，例如IE9 / IE10），当有问题的对象时，Hover / Mouseover事件将无法触发 <option>。

查看IE浏览器here的可用<option>事件列表。

Answer 2

如果您使用以下内容：

$('#thelist').hover(function(e){
  alert(e.pageX + ' ' + e.pageY);
});

将鼠标悬停在列表框选项上 - 不使用IE8

2 个答案: