html 打印 例子,HTML onended事件用法及代码示例

音频/视频结束时，将发生HTML DOM onended事件。我们可以在此事件中添加一些自定义消息，例如“Thank for watching”，“Share”等。

用法:

在HTML中：

在JavaScript中：

object.onended = function(){myScript};

在JavaScript中，使用addEventListener()方法：

object.addEventListener("ended", myScript);

例：使用HTML

GeeksfroGeeks

HTML DOM onended Event

function gfgFun() {

alert("Thanks for listning");

}

输出：

例：使用JavaScript

GeeksfroGeeks

HTML DOM onended Event

document.getElementById(

"audioId").onended = function() {

gfgFun()

};

function gfgFun() {

document.getElementById(

"try").innerHTML = "Thanks for listning";

}

输出：

例：使用addEventListener()方法

GeeksfroGeeks

HTML DOM onended Event

document.getElementById(

"audioId").addEventListener("ended", gfgFun);

function gfgFun() {

document.getElementById(

"demo").innerHTML = "Thanks for listning";

}

输出：

支持的浏览器：下面列出了HTML DOM onended Event支持的浏览器：

谷歌浏览器

Internet Explorer 9.0

Firefox

苹果Safari

Opera