Как использовать StopPropagation с текстом в речь?

Я сделал небольшую веб-страницу (и приложение) в javascript для людей с умственной отсталостью. Есть несколько изображений для нажатия. Когда они это делают, они слышат голос, произносящий какой-то текст. Теперь я хочу, чтобы они не щелкнули до того, как голос закончится. Так что голоса не смешиваются. Я хочу сделать это с Event.stopPropagation(), Как мне это сделать? Есть ли способ лучше?

 function klok()
 { 
 responsiveVoice.cancel();
 var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
 var pause = 7000;
  setTimeout(function(){ responsiveVoice.speak(" het is nu "+h+" uur en "+m+" minuten",'Dutch Female', parameters2); },100);
 }
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MenuView</title>

<script src="https://code.responsivevoice.org/responsivevoice.js"></script>


</head>
<body oncontextmenu="return false;">

<p STYLE="text-align: center;">
<img id="myimage" onmousedown="klok()" src="klok.jpg" width=20% height=auto //>
</p>

<script>
function voiceStartCallback() {
    console.log("Voice started");
  color = "red";
    document.body.style.background = color;
}
function voiceEndCallback() {
    console.log("Voice ended");
  color = "black";
    document.body.style.background = color;
}
function voiceEndCallback2() {
    console.log("Voice ended");
  color = "white";
    document.body.style.background = color;
}
var parameters = {
    onstart: voiceStartCallback,
    onend: voiceEndCallback
}
var parameters2 = {
    onstart: voiceStartCallback,
    onend: voiceEndCallback2
}
</script>
</body>
</html>

Источник

0 ответов

Другие вопросы по тегам