如何通过点击超链接播放声音

时间:2018-02-06 03:54:17

标签: javascript

<audio id='aclick'>
  <source src="audio/click.mp3" type="audio/mpeg">
</audio>

$(document).click(function(){
    if (click == 1) {
        document.getElementById("aclick").play();
    }
});

这在超链接上工作正常。

我需要通过点击任何标签来播放声音,包括超链接。

2 个答案:

答案 0 :(得分:1)

更新了Ans:

$('a').click(function (e) {
    e.preventDefault();                   // prevent default anchor behavior
    var goTo = this.getAttribute("href"); // store anchor href

    // do something while timeOut ticks ... 
    $("#aclick")[0].play();

    setTimeout(function(){
         window.location = goTo;
    },3000);       
});

以前的ans:

  

任何点击都可以调用函数

 jQuery( 'body' )
    .click(function() {
        alert("");
        $("#aclick")[0].play();
        return false;
    });
  

在任何锚标签上调用函数单击

jQuery( 'a' )
    .click(function() {
        alert("");
        $("#aclick")[0].play();
        return false;
    });

答案 1 :(得分:0)

超链接尝试将您重定向到href。使用e.preventDefault();停止播放声音

$(document).click(function(e){
    e.preventDefault();
    if (click == 1) {       
        document.getElementById("aclick").play();
    }
});