2013-11-26 2 views
2

"mouseup"이벤트를 문서에 바인드하고 preventDefault가있는 경우. 슬라이더 요소가 계속 이동하면서 멈출 수 없습니다. 나는 이것과 슬라이드 요소에 크롬 브라우저에서HTML5 오디오 컨트롤 Chrome에서의 문제

<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. 열기

http://jsfiddle.net/W2R2G/

  1. 클릭이 링크를 확인하고 이동을 막으려에 대한 피들러를 부착했다.
+0

크롬 31을 사용하고 있으며 문제가 없습니다. 나를 위해 일하는 f9. –

답변

1

어디에 문제가 있는지 잘 모르겠지만 간단히 기본값을 제거하면 모든 것이 Chrome에서 정상적으로 작동합니다.

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

하지만 여기서는 내 시나리오에서 preventDefault가 필요하므로 솔루션을 확인하는 것뿐입니다. –

+1

왜 필요한가요? 볼륨 슬라이더를 사용하여 의도 한대로 정확하게 작동합니다. –

+0

@ Jamie 난 사용자 지정 컨트롤 개발자 및 사용자 지정 컨트롤 mouseup 이벤트에 대한 문서 preventDefault 사용해야합니다. 기본 동작을 방지해야하고 일부 처리를해야하는 시나리오를 고려하십시오. –

0

오디오 플레이어의 기본 동작을 방지하지 않으면 모든 것이 정상입니다. 희망이 도움이 될 수 있습니다.

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