Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

onended event

Previous: ondurationchange event

Next: onerror event

Examples

After the end of the audio player to perform JavaScript:

<Audio onended = "myFunction ()">

Bottom of this article contains more examples.

Definition and Usage

onended event is triggered at the end of play in the video / audio (audio / video).

This event is often used to send something like "Thank you for watching" like the message.

Browser Support

Figures in the table represent the first browser to support this version of events.

event
onended	Yes	9.0	Yes	Yes	Yes

grammar

In HTML:

<Elementonended = "myScript"> try

In JavaScript:

object .onended = function () {myScript }; try

JavaScript, use the addEventListener () method:

object .addEventListener ( "ended", myScript ); try

Note: Internet Explorer 8 and earlier versions of IE do not support addEventListener () method.

technical details

Whether to support the bubble:	No
It can be canceled:	No
Event Type:	Event
Supported HTML tags:	<Audio>, <video>

More examples

Examples

When the video has finished implementation of JavaScript:

<Video onended = "myFunction ()">

Event Object Reference

Previous: ondurationchange event

Next: onerror event