Chrome中的HTML5音频控制问题

Question

当我们将"mouseup"事件绑定到文档并为其设置preventDefault时。滑块元素不断移动，我们无法阻止它。我在此附上了一个用于检查的fiddler

 <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. 单击幻灯片元素并移动它，然后尝试停止它

Answer 1

我不确定问题出在哪里，但如果我只是删除prevent default，Chrome中的一切都很好。

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

Answer 2

如果不阻止音频播放器的默认操作，对我来说一切都很好。希望这能有所帮助。

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