HTML5 Audio 엘리먼트의 재생종료시 이벤트 onended / ended event

Audio 엘리먼트의 play 후에, 재생이 종료되었을 때의 이벤트는 onended 이벤트 입니다.

코드내에서 직접 사용할 때에는 아래와 같이 사용하면 됩니다

<audio onended="myFunction()">

이벤트 리스너를 이용하여 사용할 때에는 다음과 같이 사용하면 됩니다

function UserFunction()

{

alert("music ended");

}

<audio id = "audio_id" src = "test.mp3">

var obTarget = document.getElementById("audio_id");

obTarget .addEventListener("ended", function(){ UserFunction(); });

저의 경우는 코드내에서 사용할때는 onended 이기 때문에 

이벤트리스너를 이용할때도 아래와 같이 코딩하는 실수를 자주 범하는 편이라서, 여러분들은 혼동하지 마시기 바랍니다.

obTarget .addEventListener("onended", function(){ UserFunction(); });  // 틀림

obTarget .addEventListener("ended", function(){ UserFunction(); });  // 옳음