搜索条输入框的获焦和失焦事件

一、搜索条输入框获得焦点后

(一)如果用户已经在输入框中输入了文本,则保留原状,即保留用户输入的文本,用户输入的文本颜色可以设置为黑色或者其它颜色;

(二)如果用户在获得焦点前并未进行操作,默认文本清空,用户不需要删除默认文本可以直接输入要搜索的内容,默认文本颜色可以设置为灰色或者其它颜色;

二、搜索条输入框失去焦点后

(一)如果用户输入了文本,将会保留用户输入的文本;

(二)如果用户在失去焦点前并未进行操作,即未输入文本,将恢复默认文本。

JS代码如下:

搜索条输入框的获焦和失焦事件