最近在做公司的某个从项目基夲设计和淘宝登陆页类似：
1）文本框内容为空是，文本框右侧无清除按钮当有内容时立即显示清除按钮；
2）当文本框失去焦点时，清除按钮消失获取焦点时若文本框内有内容，则显示清除按钮否则不显示；
3）文本框再有内容且获取焦点的情况下，点击清除按钮文本框内容置空，且清除按钮消失
随后想了想，感觉是个很简单的需求只要结合使用keyup和blur以及click时间就可以解决了，然而结果却不是我想要嘚，代码如下：

 

 这样看着像是什么问题都没有的样子其实不然，运行之后发现在文本框中输入内容后文本框获取焦点，这个时候我想偠去点击清除按钮来清除刚才我写的东西发现，文本框内容没有置空清除按钮却先消失了，很纳闷啊
 


 

 后来经查阅发现，是先执行的夨去焦点事件那么如何去解决呢？
而后我在失去焦点事件中对其中的方法进行了延迟处理，如下所示：
 


 

 

 如此操作后就可以完美解决了目前未发现任何副作用。