Function handleMouseEvents

src/index.js:75–122

* function handler for click, dbclick, and drag

(e)

   * function handler for click, dbclick, and drag
   */
  function handleMouseEvents(e) {
    let localName = e.target.localName;
    let innerText = '';

    // description string for click elements
    function setInnerText(type, targetInfo) {
      innerText = type +': ' + targetInfo;
    }
    // if clicked element is '<button>', check innerText, then id, then className for descriptor
    if (localName === 'button') {
      if (e.target.innerText) {
        setInnerText('text', e.target.innerText);
      } else if (e.target.id) {
        setInnerText('id', e.target.target.id);
      } else if (e.target.className){
        setInnerText('className', e.target.className);
      } 
    } 
    // if clicked element is '<img>', check alt text, then className for descriptor
    else if (localName === 'img') {
      if (e.target.alt) {
        setInnerText('alt', e.target.alt);
      } else if (e.target.className) {
        setInnerText('className', e.target.className);
      }
    }
    // if clicked element is '<div>', check id, then className for descriptor
    else if (localName === 'div') {
      if (e.target.id) {
        setInnerText('id', e.target.id);
      } else if (e.target.className){
        setInnerText('className', e.target.className);
      } 
    } 
    else {
      innerText = 'unknown';
    }
    let currentEventName = localName +' ('+innerText+')';

    let obj = {
      type: e.type,
      name: currentEventName,
      components: []
    };
    window.data.rerenders.push(obj);
    // debugging console.log
    // console.log('currentEventName',currentEventName);
  } 
  
  /**
   * function handler for key pressed, key down, and input