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);
        }
function() {
            
            var textField = this.textField;
            var bodyEl = textField.bodyEl;
            bodyEl.on('mouseover', this.handleMouseOverInputField, this);
            bodyEl.on('mouseout', this.handleMouseOutOfInputField, this);

            
            textField.on('destroy', this.handleDestroy, this);
            textField.on('resize', this.repositionClearButton, this);
            textField.on('change', function() {
				this.repositionClearButton();
                this.updateClearButtonVisibility();
            }, this);

            
            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);
        }
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 ) ; }
Adds listeners to the field, its input element and the clear button to handle resizing, mouse over/out events, click events etc.
Adds listeners to the field its input element and the clear button to handle resizing mouse over / out events click events etc .