js实现联想搜索

最新推荐文章于 2024-06-27 09:29:06 发布

脚脚脚脚

最新推荐文章于 2024-06-27 09:29:06 发布

阅读量7.2k

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/wangdajiao/article/details/71171218

版权

本文介绍了如何使用JavaScript实现动态联想搜索，通过监听输入事件，实现在关键字输入时实时更新搜索结果，类似百度搜索的体验。主要涉及的技术点包括事件委托delegate和keyup/keydown事件。

摘要由CSDN通过智能技术生成

功能：根据关键字联想搜索出结果后，根据关键字的变化，实时出现结果，类似于百度搜索的功能

1、delegate的用法，专门用在子元素上绑定的事件 delegate("p", "click", function() { }

2 、key up key down 事件可以用

$(".input").on('input', function(e) {}

$("#searchres").delegate("p", "click", function() {
			$("#searchText").val($(this).text());
		});
		$("#searchText").keyup(function(e) {
			var key = e.keyCode;
			if ((key >= 48 & key <= 57) || key == 8) {
				var val = $.trim($(this).val());
				if ("" == val) {
					alert("输入内容不能为空")