Question

我正在尝试为ibooks朗读固定布局图书创建一个停止/启动按钮，我想阻止该页面在此按钮的位置转动。 HTML元素如下。

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

javascript如下。

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

所以ibooks：readaloud属性使得在触摸p标签时开始和停止朗读，但是，防止触摸的默认行为也会阻止ibooks的行为：朗读属性。

有没有办法让我手动启动和停止朗读，或者只防止翻页？

Answer 1

将此代码添加到您的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。

如何仅防止Ibooks中的翻页事件修复布局图？

1 个答案: