获取焦点+键盘抬起的时候输入框会显示 当输入框失去焦点的时候隐藏
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="../js/jquery-3.6.1.js"></script></head><body><div id="search_helper" style="display: none;">显示的列表</div><div class="search"><!-- 事件发生的元素 keyup/focus blur-->输入框： <input id="txtSearch" type="text" class="text"><input type="button" name="button" value="搜索"></div><script>search();//输入搜索关键字 列表显示匹配结果function search() {//对什么元素监听 对什么元素操作//里面的两个函数是一样的 所以不好// $('#txtSearch').keyup(function() {}).focus(function() {})//使用on解决$('#txtSearch').on('keyup focus', function() {//如果输入框有文本 才显示列表var txt = im(); //去除两端空格if (txt) {$('#search_helper').show()}}).blur(function() {//隐藏列表$('#search_helper').hide()})}</script></body>
</html>
本文发布于:2024-02-01 04:09:20，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170673176233751.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
