使用js模拟实现京东的搜索框，主要用了js中的onfocus(注册焦点事件)，onblur(失去焦点的事件)；本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧

使用js模拟实现京东的搜索框，主要用了js中的onfocus(注册焦点事件)，onblur(失去焦点的事件)； 主要实现了： 在鼠标点进去的时候，里面的默认内容消失； 在输入之后，再点击搜索框外，输入的内容还在搜索框中； 如果输入为空，点击搜索框外，里面自动显示默认内容； 内容颜色的改变 效果图 代码 京东搜索框 <style type="text/css"&g