HTML | DOM 结束事件

HTML DOM onended 事件在音频/视频结束时发生。我们可以在此事件中添加一些自定义消息，例如“感谢观看”、“分享”等。
支持的标签

• <音频>
• <视频>

句法：
在 HTML 中：

在 JavaScript 中：

object.onended = function(){myScript};

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

object.addEventListener("ended", myScript);

示例：使用 HTML

html

 

    
        GeeksfroGeeks
        HTML DOM onended Event
        
            
        
 
        
            function gfgFun() {
                alert("Thanks for listning");
            }
        
    

 

输出：

示例：使用 JavaScript

html

 

    
        GeeksfroGeeks
        HTML DOM onended Event
        
            
        
 
        
 
 
        
            document.getElementById(
                "audioId").onended = function() {
                gfgFun()
            };
 
            function gfgFun() {
                document.getElementById(
                    "try").innerHTML = "Thanks for listning";
            }
        
    

 

输出：

示例：使用 addEventListener() 方法

html

 

    
        GeeksfroGeeks
        HTML DOM onended Event
        
            
        
 
        
 
 
        
            document.getElementById(
              "audioId").addEventListener("ended", gfgFun);
 
            function gfgFun() {
                document.getElementById(
                  "demo").innerHTML = "Thanks for listning";
            }
        
    

 

输出：

支持的浏览器： HTML DOM onended Event支持的浏览器如下：

• 谷歌浏览器
• 浏览器 9.0
• 火狐
• 苹果Safari
• 歌剧