OnBlur will not fire when changing onFocus to onKeyUp, onKeyPress, onKeyDown,...

gistfile1.js

The following code will do just what you would expect (a css rule for the element's id is applied).

    <input id="searchCmpnd" onClick="this._originalWidth = this.style.width; this.style.width='50%';" onBlur="this.style.width = this._originalWidth;" />

However when the onClick is changed to onKeyUp, onKeyPress, onKeyDown it will expand but not retract. This is because the element is not marked focused, or because the event order got messed up (in Chrome >12).

Include this.focus();

            <input id="searchCmpnd" onClick="this._originalWidth = this.style.width; this.focus(); this.style.width='50%';" onBlur="this.style.width = this._originalWidth;" />