วิธีสร้างเมนูบริบท (Context Menu) สำหรับองค์ประกอบใน HTML5

ใช้แอตทริบิวต์ contextmenu ใน HTML5 เพื่อสร้างเมนูบริบท (context menu) สำหรับองค์ประกอบ เมนูบริบทจะแสดงเมื่อผู้ใช้คลิกขวา

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อสร้างเมนูบริบท:

<!Doctype html> 
<html> 
  <head> 
    <title>HTML menuitem Tag</title> 
  </head> 
  <body> 
    <div style="border:1px solid #000; padding:20px;" contextmenu="clickmenu"> 
      <p>คลิกขวาภายในพื้นที่นี้....</p> 
      <menu type="context" id="clickmenu"> 
        <menuitem label="Tutorialspoint" onclick=""></menuitem> 
        <menuitem label="Tutorials Library" onclick=""></menuitem> 
        <menuitem label="Coding Ground" onclick=""></menuitem> 
        <menuitem label="Q/A" onclick=""></menuitem> 
      </menu> 
    </div> 
  </body> 
</html>

สถานะปัจจุบัน: แอตทริบิวต์ contextmenu และแท็ก <menu>, <menuitem> Deprecated และถูกลบออกจากมาตรฐาน HTML แล้ว เบราว์เซอร์ส่วนใหญ่ไม่รองรับ

ตัวเลือกแทนที่: ใช้ JavaScript กับเหตุการณ์ contextmenu สร้างเมนูกำหนดเอง (Custom Context Menu)