nl_tokens: Adds listeners to the field its input element and the clear button to handle resizing mouse over / out events click events etc .
pl_tokens: 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 . <mask> ( 'mouseup' , this . handleMouseUpOnClearButton , this ) ; clearButtonEl . on ( 'click' , this . handleMouseClickOnClearButton , this ) ; }