当maxlength达到极限时添加.wav声音?

时间:2017-01-27 11:32:05

标签: javascript jquery html audio

我目前正在完成一个最终项目。这是一个简单的形式,但我想用一些声音来说它。我选了一个主题,它是来自LoL的Kindred。我的队友问我,老师强化我试图在textarea达到极限时添加声音。不过我已经这几个月了,我不是在开玩笑。你能帮忙吗?

function NoMoreWords() {
  //var x = document.getElementById("message").maxLength;
  var x = document.getElementById("message").maxLength = "<embed src='sounds/Kindred_nomorewords.wav' autostart=true loop=true volume=50 hidden=true>";
  document.getElementById("embed").innerHTML = x;
<p>
  <form action="" method="post">
    <textarea type="text" name="message" id="message" placeholder="All things end..." maxlength="10" size="50" rows="10"></textarea>
  </form>
</p>

我可以发布完整的代码供您试用,我真的很感激我能得到的任何帮助。

1 个答案:

答案 0 :(得分:2)

我假设textarea限制为50.这是每次在textarea中按下键时调用的javascript函数。当长度变得大于50时,音乐将被播放。只需在your/url/here中分配相对地址。

<input type="text" id="a" onkeypress="music()" />
<script>
function music() {
            var a=document.getElementById("a").value.length;
            if (a > 50) {
                new Audio('your/url/here').play()
            }
        }
</script>