SpreadJS Documentation
Using Click Events
SpreadJS Documentation > Sample Code > Sample Code for Frequently Used Events > Using Click Events

You can use code in CellClick and CellDoubleClick events.

Using Code

This example uses code in the CellClick and CellDoubleClick events.

JavaScript
Copy Code
var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),{sheetCount:3});
var activeSheet = spread.getActiveSheet();

activeSheet.bind(GC.Spread.Sheets.Events.CellClick, function (sender, args) {
    if(args.sheetArea === GC.Spread.Sheets.SheetArea.colHeader){
        console.log("The column header was clicked.");
    }

    if(args.sheetArea === GC.Spread.Sheets.SheetArea.rowHeader){
        console.log("The row header was clicked.");
    }

    if(args.sheetArea === GC.Spread.Sheets.SheetArea.corner){
        console.log("The corner header was clicked.");
    }

    console.log("Clicked column index: " + args.col);
    console.log("Clicked row index: " + args.row);
});

activeSheet.bind(GC.Spread.Sheets.Events.CellDoubleClick, function (sender, args) {
    
    if(args.sheetArea === GC.Spread.Sheets.SheetArea.colHeader){
        console.log("The column header was double clicked.");
    }

    if(args.sheetArea === GC.Spread.Sheets.SheetArea.rowHeader){
        console.log("The row header was double clicked.");
    }

    if(args.sheetArea === GC.Spread.Sheets.SheetArea.corner){
        console.log("The corner header was double clicked.");
    }

    console.log("Double clicked column index: " + args.col);
    console.log("Double clicked row index: " + args.row);
});