<input id="search" /> //需要监听的dom

//js实现(介绍两种方式)
//方式一：利用input的oninput输入事件实现输入监听
let inputChange1 = document.getElementById("search")//获取inputDom
    inputChange1.oninput = function(){//监听输入事件
        console.log("监听到input输入")//输出
        let value1 = this.value//拿到输入的值
        let value2 = document.getElementById("search").value//获取值的方式二
        console.log(value1,value2)//输出
    }
//方式二：利用input的oninput输入事件实现输入监听
let inputChange2 = document.getElementById("search")//获取inputDom
    inputChange2.addEventListener("onpropertychange",function(){
         console.log("监听到input输入")//输出
        let value1 = this.value//拿到输入的值
        let value2 = document.getElementById("search").value//获取值的方式二
        console.log(value1,value2)//输出
    })

//jquery实现(介绍一种)

$("#search").bind("input propertychange",function(){
    console.log("监听到input输入")
    let value = $("#search").val()//拿到输入的值
    console.log(value)//输出
})