2013-11-26 66 views
2

当我们将“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(); 

      }); 
  1. 打开此链接的Chrome浏览器

http://jsfiddle.net/W2R2G/

  1. 单击幻灯片元素和移动它,并试图阻止它。
+0

我使用的是铬31,没有问题与我。为我工作f9。 –

回答

1

我不确定问题在哪里,但如果我只是删除防止默认情况下,一切工作正常在Chrome

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

但在这里我需要在我的方案中防止错误,所以只检查解决方案。 –

+1

你为什么需要它?它坚持按音量滑块完全按照预期工作。 –

+0

@ Jamie我是自定义控件开发人员,在我需要使用preventDefault的文档的自定义控件mouseup事件中。考虑一个需要防止默认操作的场景,我需要做一些处理。 –

0

如果不阻止音频播放器的默认动作,那么每件事情都适合我。希望这可能有所帮助。

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