SodhanaLibrary

import React from 'react'

class ExampleApplication extends React.Component {

  constructor(props) {
    super(props);
    this.handleKeyDown = this.handleKeyDown.bind(this);
  }

  handleKeyDown(event) {
    let charCode = String.fromCharCode(event.which).toLowerCase();
    if(event.ctrlKey && charCode === 'c') {
      console.log("Ctrl + C pressed");
    } else if(event.ctrlKey && charCode === 'v') {
      console.log("Ctrl + V pressed");
    } else if(event.ctrlKey && charCode === 's') {
      event.preventDefault();
      console.log("Ctrl + S pressed");
    }

    // For MAC we can use metaKey to detect cmd key

    if(event.metaKey && charCode === 'c') {
      console.log("Cmd + C pressed");
    } else if(event.metaKey && charCode === 'v') {
      console.log("Cmd + V pressed");
    } else if(event.metaKey && charCode === 's') {
      event.preventDefault();
      console.log("Cmd + S pressed");
    }
  }

  render() {
    return (
      <div>
         <h4>do Ctrl+C or Ctrl+V or Ctrl+S in below DIV</h4>
         <div onKeyDown={this.handleKeyDown}  contentEditable={true}>
            This is content editable text
         </div><br/><br/>
         see console for output
      </div>
    );
  }

}

ExampleApplication.propTypes = {
}

ExampleApplication.defaultProps = {
}

export default ExampleApplication;