使用JavaScript播放声音(oninput)

时间:2015-11-22 02:43:56

标签: javascript audio

每次在文本框中输入内容时,我都会尝试播放声音。我的代码是:

var snd = new Audio('http://www.soundjig.com/pages/soundfx/beeps.php?mp3=beep1.mp3');

function click(){
snd.play();
}

function intro2(){
  alert("OK!");
  }
<input id="name" onchange="intro2()" oninput="click()">
正如您所看到的,onchange可以工作,但oninput不会....

JSFiddle:JSFiddle link

我不知道为什么这不起作用....你能帮忙吗?

对不起,如果这是一个糟糕的问题;我是编程新手。

2 个答案:

答案 0 :(得分:1)

您的代码运行正常。当值input标记更改时,将触发oninput事件。单击input时不会触发。

进行测试时,请在输入中键入文字,然后触发click()功能并播放音频。

如果您想在输入时使用click事件播放音频,则可以附加click事件。

<input id="name" onchange="intro2()" onclick="click()">

答案 1 :(得分:1)

希望这是你想要的。如果我需要更改它,请告诉我。

&#13;
&#13;
var snd = new Audio('http://www.soundjig.com/pages/soundfx/beeps.php?mp3=beep1.mp3');
document.getElementById('name').oninput = function() {
  snd.currentTime = 0;
  snd.play();
};
&#13;
<input id="name">
&#13;
&#13;
&#13;