Ibooks 고정 레이아웃 북에서 페이지 넘기기 이벤트 만 방지하려면 어떻게합니까?

Question

ibooks 고정 소설 고정 레이아웃 북에 대한 중지/시작 버튼을 만들고이 버튼의 위치에서 페이지가 회전하지 못하도록하고 싶습니다. HTML 요소는 다음과 같습니다.

<p ibooks:readaloud="startstop" id="rass" ontouchstart="prevent(event)">SS</p> 

자바 스크립트는 다음과 같습니다.

function prevent(event){ 
    event.preventDefault(); 
} 

그래서 아이북 : readaloud 속성이 만드는 소리내어 읽기 시작하고 p 태그를 터치하면 터치에의 그러나, 방지 기본 동작은 또한 아이북의 동작 방지 중지 : 큰 소리로 속성을 읽을 수 있습니다.

나에게 소리내어 읽기를 수동으로 시작하고 중지하거나 페이지 넘기기 만하는 방법이 있습니까? 당신의 CSS 파일에

<p ibooks:readaloud="startstop" id="rass">&#x2735;</p> 

을 그리고 이것을 넣어 :

Answer 1

은 HTML 파일에이 코드를 추가

html p#raplay { 
    top: 955px; 
    left: 700px; 
    color: green; 
    padding: 0px 6px 0 10px; 
    background: white; 
    border: 2px solid black; 
    border-radius: 15px; 
} 

html p#rastop { 
    top: 955px; 
    left: 700px; 
    padding: 0px 6px 0 10px; 
    color: red; 
    display: none; 
    background: white; 
    border: 2px solid black; 
    border-radius: 15px; 

} 

html p#rass { 
    top: 955px; 
    left: 700px; 
    padding: 2px 6px 4px 8px; 
    color: green; 
    background: white; 
    line-height: 40px; 
    border: 2px solid black; 
    border-radius: 15px; 
} 

html.-ibooks-media-overlay-enabled p#raplay { 
    display: none; 
    } 
html.-ibooks-media-overlay-enabled p#rastop { 
display: block; 
} 

을 그 p 태그를 클릭 낭독이 중지됩니다. 그것이 읽기의 기본값입니다. 당신은 자바 스크립트를 사용하지 않아도됩니다.