使用选择框选项(IE)的onMouseOut事件的问题

时间:2010-06-11 10:07:12

标签: javascript jquery html css javascript-events

我在下面的代码中面临的问题是,每当我尝试从选择框中选择任何选项时,执行mouseout事件(在IE中,Mozilla执行gr8)和选项都会消失。如何克服这个错误。

<select name="ed" id="ed" dir="ltr"  style="width:200px;overflow:hidden;" onMouseOver="this.style.width='auto'" onMouseOut="this.style.width='200px';">
      <option value="1" selected="selected">click here</option>
      <option value="1">Samuel Jackson</option>
      <option value="2">David Nalog</option>
      <option value="3">This one is a real real big name</option>
 </select>

1 个答案:

答案 0 :(得分:3)

我有条不紊地改变了代码。现在工作正常。检查一下。

<select name="ed" id="ed" dir="ltr"  style="width:200px;overflow:hidden;" 
        OnMouseOver="this.style.width='auto';" onmouseout="if(!this.focussed) {this.style.width='200px';}"  onfocus="this.focussed=true;" onblur="this.style.width='200px';this.focussed=false;" >
      <option value="1" selected="selected">click here</option>
      <option value="1">Samuel Jackson</option>
      <option value="2">David Nalog</option>
      <option value="3">This one is a real real big name</option>
     </select>