MenuEvent.mediaType

This functionality has not landed in a stable Opera version yet, but you can use it already in Opera Next.

Description:

The mediaType attribute shows the type of media element on which this event was activated. The value of this attribute can be image, video or audio. The default value for non-media elements is null.

Syntax:

readonly DOMString mediaType

Example:

In this example, a menu item is added to the context menu for media elements only. When the menu item is clicked, a message is displayed in the console showing what type of media element was chosen.

<!-- 
  The configuration file ('config.xml').
-->
<?xml version='1.0' encoding='utf-8'?>
<widget xmlns="http://www.w3.org/ns/widgets">
    ...
    <feature name="opera:contextmenus"/>
    ...
</widget>

//
// The background process (e.g. '/background.js'). 
//

if (opera.contexts.menu) {
  var menu = opera.contexts.menu;
  
  // Create a menu item properties object
  var itemProps = {
    contexts: ['image', 'audio', 'video'],
    title: 'Context menu example',
    onclick: function(event) {
      console.log('Your chosen element: ' + event.mediaType);
    }
  }

  // Create a menu item with the specified properties
  var item = menu.createItem(itemProps);
  // Add the menu item to the context menu
  menu.addItem(item);
}