JavaScript HTML DOM onprogress 事件

• 

  onprogress 事件

  当浏览器下载指定的音频/视频时，会发生onprogress事件。在音频/视频的加载过程中，会按以下顺序发生以下事件：

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

  在下载视频时执行JavaScript：

  <video onprogress="myFunction()">

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  事件
  onprogress	9.0+	支持	支持	支持	支持

• 

  语法

  在HTML中：

  <element onprogress="myScript">

  在JavaScript中：

  object.onprogress = function(){myScript};

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

  object.addEventListener("progress", myScript);

  注意:在Internet Explorer 8和更早版本不支持使用addEventListener()方法。
• 

  技术细节

  项目	描述
  冒泡：	没有
  取消：	没有
  事件类型：	Event
  支持的HTML标记：	<audio>和<video>
  DOM版本	DOM Event Level 3

• 

  更多例子

  下载音频时执行JavaScript：

  <audio onprogress="myFunction()">

  尝试一下
• 

  相关页面

  JavaScript参考 ： HTML onprogress 属性