2

ibooksの読み上げ固定レイアウトブックの停止/開始ボタンを作成しようとしていますが、このボタンの位置でページがめくられないようにしたいと思います。HTML要素は次のとおりです。

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

javascriptは次のとおりです。

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

したがって、ibooks：readaloud属性は、pタグがタッチされたときに読み上げを開始および停止しますが、on touchのデフォルトの動作を防ぐと、ibooks：readaloud属性の動作も妨げられます。

手動で読み上げを開始および停止する方法、またはページめくりのみを防ぐ方法はありますか？

4

1 に答える 1

0

次のコードを HTML ファイルに追加します。

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

これを CSS ファイルに入れます。

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 タグをクリックすると、読み上げが停止します。それが読み上げのデフォルトです。JavaScript を使用する必要はありません。

于 2013-01-16T02:54:42.873 に答える