keyup事件

1.获取用户搜索框事件–keyup事件

为了获取到用户每次按下键盘输入的内容,需要监听输入框的keyup事件

示例代码:

//监听文本框的keyup事件
$('#ipt').on('keyup', function(){
// 获取用户输入的内容
var keywords = $(this).val().trim ()
//判断用户输入的内容是否为空
if (keywords.length <= 0) {
return
}
// TODO: 获取搜索建议列表
})

2.封装getSuggestList函数

将获取搜索建议列表的代码,封装到getSuggestList函数中:

function getSuggestList(kw) {
$.ajax({
//指定请求的URL地址,其中,q是用户输入的关键字
url: 'https://suggest.taobao.com/sug?q='+ kw,
//指定要发起的是JSONP请求
dataType: 'jsonp',
//成功的回调函数
success: function(res) { console.log (res) }
})
}

猜你喜欢

转载自blog.csdn.net/m0_63144319/article/details/130297509