javascript - 如何在Ibooks固定版面簿中仅防止翻页事件？

我正在尝试为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:read aloud属性的行为。

我是否可以手动启动和停止朗读或仅阻止翻页？

最佳答案

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

关于javascript - 如何在Ibooks固定版面簿中仅防止翻页事件？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11422714/