Chrome5中的HTML5音頻控制問題

當我們將「mouseup」事件綁定到文檔併爲其設置preventDefault時。滑塊元素不斷移動，我們無法阻止它。我已現附上一個小提琴手檢查Chrome5中的HTML5音頻控制問題

<div id="audioPlayer"> 
     <audio controls> 
      <source src="http://www.grupobms.com/MaterialFiles/Ford2013.mp3" type="audio/mpeg"> 

      Your browser does not support the audio element. 
     </audio> 
    </div> 

$(document).bind("mouseup", function (e) { 

      e.preventDefault(); 

      });

打開此鏈接的Chrome瀏覽器

http://jsfiddle.net/W2R2G/

單擊幻燈片元素和移動它，並試圖阻止它。

來源

2013-11-26 Sridhar Narasimhan

我使用的是鉻31，沒有問題與我。爲我工作f9。 –

我不確定問題在哪裏，但如果我只是刪除防止默認情況下，一切工作正常在Chrome。

$(document).bind("mouseup", function (e) { 
      console.log("."); 
});

來源

2013-11-26 10:33:27

但在這裏我需要在我的方案中防止錯誤，所以只檢查解決方案。 –

你爲什麼需要它？它堅持按音量滑塊完全按照預期工作。 –

@ Jamie我是自定義控件開發人員，在我需要使用preventDefault的文檔的自定義控件mouseup事件中。考慮一個需要防止默認操作的場景，我需要做一些處理。 –

如果不阻止音頻播放器的默認動作，那麼每件事情都適合我。希望這可能有所幫助。

$(document).bind("mouseup", function (e) { 
    if(e.target.nodeName != 'AUDIO') { 
     e.preventDefault(); 
    } });

來源

2013-11-26 11:18:07 dineshbala

Chrome5中的HTML5音頻控制問題

回答

相關問題