search对象的autofocus属性用于设定或获取页面加载后搜索框是否自动获得焦点。
1、 创建名为 search_autofocus 的搜索自动聚焦功能模块。
2、 HTML文件处理完成
3、 创建一个输入框,类型设为搜索,同时为其指定ID,并自动获取焦点。
4、 添加一个按钮,在其点击事件中调用自定义函数my_search_autofocus,实现特定功能。
5、 添加一个p标签,并为其设置id属性值为show_search_autofocus。
6、 在JavaScript中定义一个名为my_search_autofocus的自定义函数,用于实现搜索框自动聚焦功能。
7、 在自定义函数中获取输入搜索对象,通过autofocus属性判断是否为true,若为真则自动聚焦,并将结果动态添加至p标签中显示。
8、 标签内显示内容
9、 在浏览器里打开 search_autofocus 文件进行查看。
10、 点击按钮查看效果
