Skip to main content Skip to footer

Intercept right-click event in Pure JavaScript

Background:

We are able to intercept a right-click event by adding an event listener to the Spread instance for the Context Menu.

Steps to Complete:

1. Get host element of current workbook

2. Add an event listener for the Context Menu

Getting Started:

Step 1: Get the host element of current workbook

Get the host element using SpreadJS’s getHost() method:

 window.onload = function (dashboard) {
      // Initialize the Spread component with the following line:
      var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
      // Get host element of SpreadJS
      spread.getHost();
};

Step 2: Add an event listener for Context Menu

Add an event listener to SpreadJS’s Context Menu, this is because the context menu is triggered when a user right-click.

    window.onload = function (dashboard) {
      // Initialize the Spread component with the following line:
      var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
      // Get host elemement of SpreadJS
      // Add event listener to context menu
      spread.getHost().addEventListener("contextmenu", function (e) {
        // your code;
        console.log("right-clicked");
        e.preventDefault();
        return false;
      });
    };

Mackenzie Albitz