html部分
<input id="input_text">
<div id='inputtips'>
<div class='input-tip'>
<div>
<div>
js部分
//当鼠标位于input上面的情况
$('#input_text').on('focus',e=>{$('#inputtips').show()})
//当鼠标不在input上面的情况
$('#input_text').on('blur',e=>{$('#inputtips').hide()})
//当鼠标位于input上面有输入的时候
$('#input_text').on('input',e=>{
var temp = e.delegateTarget.value;
//请求即可
$.ajax({
//请求
//成功的时候
success:function(res){
$('.input-tip').append(res)
}
})
})