使用JavaScript播放文本框字符中的音频

马蒂加蒂

我是一个完全菜鸟,而且我已经开始尝试做一个程序,该程序每次在文本框中按下时都会播放每个字母的键控声音,并在每次按下空格键时删除该文本。

当我使用空格键时,程序会清除文本框,但不会播放任何字符的声音:

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>keyCode example</title>
        <script type="text/javascript">
        function showKeyCode(e) {
            var letter = e.keyCode

            if (letter != 32)
            {
                var audio = new Audio(e.keyCode + ".wav");
                audio.play();
            }
            else
            {
                document.getElementById("TextBox1").value = "";
            }
        }
        </script>
    </head>
    <body>
        <input TYPE = text ID="TextBox1" SIZE = 15  onkeyup="showKeyCode(event);">
    </body>
</html>
克里斯汀·海因里希斯

好的,我在您的代码中发现了一些问题:

  1. 不要使用大写标签属性。
  2. 使用引号表示属性。
  3. 包括<body>标签。
  4. 之后您忘记了分号var letter = e.keyCode

    function showKeyCode(e) {
      var letter = e.keyCode;
    
      if (letter != 32) {
        var audio = new Audio(e.keyCode + ".wav");
        audio.play();
      } else {
        document.getElementById("TextBox1").value = "";
      }
    }
    

为您制作了一个jsFiddle它似乎有效。

此外,你为什么用onkeyuponkeydown

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用javascript在文本框中检测字符之间的字符和单词?

来自分类Dev

使用javascript .net在文本框中限制字符的类型和粘贴

来自分类Dev

如何使用JavaScript在文本框中设置最小和最大字符长度

来自分类Dev

如何使用JavaScript在文本框中设置最小和最大字符长度

来自分类Dev

使用jQuery防止PHP文本框中的字符

来自分类Dev

在文本框中仅允许使用大写字符

来自分类Dev

根据在文本框中输入的值,使用javascript打开多个文本框

来自分类Dev

使用JavaScript从HTML文本框中获取价值

来自分类Dev

使用javascript更新文本框中的值

来自分类Dev

在HTML中使用JavaScript在文本框中输入值

来自分类Dev

使用Javascript从PHP附带的文本框中添加值

来自分类Dev

在HTML中使用JavaScript在文本框中输入值

来自分类Dev

如何使用javascript在gridview中获取文本框值

来自分类Dev

使用Javascript中的复选框搜索文本框

来自分类Dev

如何使用for循环在javascript中创建多个文本框?

来自分类Dev

使用javascript中的函数更改目标文本框的值

来自分类Dev

在文本框中输入字符的按键?

来自分类Dev

替换文本框中的字符?

来自分类Dev

删除文本框中的字符

来自分类Dev

替换文本框中的字符?

来自分类Dev

允许文本框中的某些字符

来自分类Dev

文本框中的Concat ASCII字符

来自分类Dev

更改文本框中的特定字符

来自分类Dev

编码的UI播放-在特定文本框中输入文本时引发错误(带有javaScript过滤击键)

来自分类Dev

Javascript中的文本框数据

来自分类Dev

JavaScript中的文本框验证

来自分类Dev

删除Javascript中的文本框的问题

来自分类Dev

更改JavaScript中的文本框值

来自分类Dev

表单文本框中的JavaScript VAR

Related 相关文章

热门标签

归档