問題與HTML選擇元素

我有由類似於以下HTML行數的形式焦點轉移 -問題與HTML選擇元素

<div style="display: table-row"> 
    <div style="display: table-cell"> 
      <label for="Region">Region</label> 
    </div> 
     <div style="display: table-cell"> 
      <select id="Region" name="Region"> 
       <option value="">Please Select</option> 
       <option value="AL">Alabama</option> 
       <option value="AK">Alaska</option> 
       <option value="AS">American Samoa</option> 
      </select> 
     </div> 
</div>

我有一個HoverOut事件，當用戶移動他們的鼠標光標移出的火災移除焦點的最外層形成行中的輸入字段。我有一些樣式，當行有焦點時我應用於行，並且當鼠標未結束時將其刪除。我的問題是使用Select語句和IE7/8。

如果是FF5，如果我使用鼠標從選擇下拉列表中選擇一個條目，則所有內容都按預期工作。然而，對於IE7/8，只要鼠標光標離開div標籤區域，外部行就會收到mouseout事件（觸發懸停），而我試圖從drop中選擇一個條目下。如果我將鼠標懸停在div上並使用光標鍵導航列表，它可以正常工作。

我的問題是，有一種方法可以防止將mouseout事件傳遞到外部行，而我仍然從選擇列表中選擇一個值。

您可以在http://jsfiddle.net/photo_tom/9JXfk/9/

來源

2011-07-26 photo_tom

看到工作演示可以使用此

event.stopPropagation();

這將停止事件傳播。

來源

2011-07-26 20:24:46

問題與HTML選擇元素

回答

相關問題