MenuEvent.isEditable

By Opera Software

Description:

The isEditable attribute is true if the activated element is editable (i.e. if it is a text input or text area), otherwise its value is false (default).

Syntax:

readonly Boolean isEditable

Example:

In this example, a menu item is added to the context menu for editable elements only. When the menu item is clicked, a message is shown in the console after a further check that the element is editable.

<!-- 
  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: ['editable'],
    title: 'Context menu example',
    onclick: function(event) {
      if (event.isEditable) {
        console.log('This is an editable element');
      }
    }
  }

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

This article is licensed under a Creative Commons Attribution 3.0 Unported license.