單擊數組中帶有聲音的單詞-javascript

Question

我想單擊包含文本和聲音的數組中的單詞。

我從此鏈接中獲取了代碼： 檢測文本中哪個詞已被單擊 ，但我不知道如何找到一種方法來單擊該詞並使用jquery收聽其聲音

<script>
var wordaudio = [];
wordaudio["Lorem"] = "lorem.mp3";
wordaudio["ipsum"] = "ipsum.mp3";
wordaudio["dolor"] = "dolor.mp3";

$("body").click(function(){
     var s = window.getSelection();
    s.modify('extend','backward','word');        
    var b = s.toString();

    s.modify('extend','forward','word');
    var a = s.toString();
    s.modify('move','forward','character');
  //   alert(b+a);
  document.getElementById('myAudio').src='0001.mp3';
  document.getElementById('myAudio').play();


});
</script>

<p>Lorem ipsum dolor sit amet.</p>
<audio id="myAudio" src=""></audio>

Answer 1

我必須將腳本修改為純javascript，不幸的是，我不知道在此示例中使用數組，我想我需要重命名所有音頻文件...在此示例中，只有word horse有效。

 function hearWords() { var s = window.getSelection(); s.modify('extend','backward','word'); var b = s.toString(); s.modify('extend','forward','word'); var a = s.toString(); s.modify('move','forward','character'); var audio = b+a.trim()+'.mp3'; document.getElementById('myAudio').src='https://www.w3schools.com/jsref/'+audio; document.getElementById('myAudio').play(); alert(audio); } 

 <p id="words" onclick="hearWords();">no sound horse </p> <audio id="myAudio" src=""></audio>