Question

当我们将“mouseup”事件绑定到文档并为其预防undefault时。滑块元素不断移动我们无法阻止它。我在这附上了一个小提琴手，用于检查

 <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/

点击幻灯片元素并移动它并尝试停止它。

Answer 1

我不确定问题出在哪里，但如果我只是删除阻止默认，那么Chrome中的所有功能都正常。

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

Answer 2

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

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

Chrome中的HTML5音频控制问题

2 个答案: