เหตุการณ์ onprogress

เหตุการณ์ DOM วัตถุ Event

คำนิยามและวิธีใช้

เหตุการณ์ onprogress จะเกิดขึ้นขณะที่บราวเซอร์กำลังดาวน์โหลดแถบเสียง/วิดีโอที่กำหนด

ในขณะที่กำลังดาวน์โหลดแถบเสียง/วิดีโอ จะมีเหตุการณ์ดังนี้ที่เกิดขึ้นตามลำดับ:

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

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติ JavaScript ขณะดาวน์โหลดวิดีโอ:

<video onprogress="myFunction()">

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ปฏิบัติ JavaScript ขณะดาวน์โหลดแถบเสียง:

<audio onprogress="myFunction()">

ทดลองด้วยตัวเอง

รูปแบบ

ใน HTML:

<element onprogress="myScript">

ทดลองด้วยตัวเอง

ใน JavaScript:

object.onprogress = function(){myScript};

ทดลองด้วยตัวเอง

ใน JavaScript ใช้วิธี addEventListener():

object.addEventListener("progress", myScript);

ทดลองด้วยตัวเอง

หมายเหตุ:Internet Explorer 8 หรือตัวเวอร์ชั่นเก่ากว่าไม่สนับสนุน วิธีการ addEventListener().

รายละเอียดเทคนิค

การลุกตลอด: ไม่สนับสนุน
ยกเลิกได้: ไม่สนับสนุน
ชนิดเหตุการณ์: เหตุการณ์
แทร็กษ์ HTML ที่สนับสนุน: <audio> และ <video>
เวอร์ชั่น DOM: เหตุการณ์ระดับ 3

การสนับสนุนบราวเซอร์

ตัวเลขในตารางชี้ถึงเวอร์ชั่นบราวเซอร์แรกที่สนับสนุนเหตุการณ์นี้ทั้งหมด。

เหตุการณ์ Chrome IE Firefox Safari Opera
onprogress การสนับสนุน 9.0 การสนับสนุน การสนับสนุน การสนับสนุน
เหตุการณ์ DOM วัตถุ Event