Web APIs——焦点事件以及小米搜索框

一、事件类型

二、焦点事件 

    <input type="text">
    <script>
        const input = document.querySelector('input')
        input.addEventListener('focus',function(){
            console.log('有焦点触发')
        })
        input.addEventListener('blur',function(){
            console.log('失去焦点触发')
        })
    script>
body>

小米搜索框

需求：当表单得到焦点，显示下拉菜单，失去焦点隐藏下拉菜单

DOCTYPE html>
 
    
    
    
    
    
 
 
    
        
        
            
全部商品