code: function() {
              // listeners on input element (DOM/El level)
              var textField = this.textField;
              var bodyEl = textField.bodyEl;
              bodyEl.on('mouseover', this.handleMouseOverInputField, this);
              bodyEl.on('mouseout', this.handleMouseOutOfInputField, this);
  
              // listeners on text field (component level)
              textField.on('destroy', this.handleDestroy, this);
              textField.on('resize', this.repositionClearButton, this);
              textField.on('change', function() {
  				this.repositionClearButton();
                  this.updateClearButtonVisibility();
              }, this);
  
              // listeners on clear button (DOM/El level)
              var clearButtonEl = this.clearButtonEl;
              clearButtonEl.on('mouseover', this.handleMouseOverClearButton, this);
              clearButtonEl.on('mouseout', this.handleMouseOutOfClearButton, this);
              clearButtonEl.on('mousedown', this.handleMouseDownOnClearButton, this);
              clearButtonEl.on('mouseup', this.handleMouseUpOnClearButton, this);
              clearButtonEl.on('click', this.handleMouseClickOnClearButton, this);
          }
docs: Adds listeners to the field, its input element and the clear button to handle resizing, mouse over/out events, click events etc.