input框进行搜索遇到bug解决思路小感

最新推荐文章于 2023-10-15 18:56:47 发布
最新推荐文章于 2023-10-15 18:56:47 发布
阅读量1k 收藏
点赞数
分类专栏： 感悟
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24122593/article/details/78251912
版权

做的搜索，出现很多问题，有些细节很多没有注意到。

输入文字后，再输入空格，会请求数据。做的处理是，在请求前加入输入value值的新旧值判断。影响的是复制粘贴！！！！

复制粘贴同一个内容是不会再发请求的

按照问题出现的思路， 直接想到加入一个onPaste事件，再次请求触发数据

很明显，忽略了数据为什么会来的原因。

这时候只需要，把旧的输入值置为空就行，，

一个问题的解决，有很多方法，最优的那一个，没想到！！！！

CURRY_zhao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序搜索框模糊查询.zip
06-07
微信小程序中的`input`组件是实现搜索框的基础。开发者可以设置`type="text"`来创建一个文本输入框，并通过`bindinput`事件监听用户输入的变化。例如： ```html <input type="text" placeholder="请输入关键字" ...
微信小程序-优雅的搜索框
06-12
首先，我们从基础出发，微信小程序中的搜索框通常由`input`组件构建。`input`组件是用户输入文本的容器，可以用于创建搜索框、表单等。它的属性包括`type`（定义输入类型，如文本、密码等）、`placeholder`（设置...
vue 中用 mui search 页面返回的时候，搜索图标和clear图标怎么不见了，刷新页面才会出现问题
feng的博客
09-26 681
<div class="mui-input-row mui-search mui-content-padded"> <input type="search" class="mui-input-clear" placeholder="搜索"> </div> 返回到这个页面的时候，输入框的搜索图标怎么不见了，刷新这个页面又显示了。 问：怎么让返回...
bug记录-搜索框，有时候输入一个ID，或者IP，记得前面的，然后进入另外一个网址看ID或者IP，结果之前输入清空了，导致重新输入...
weixin_30700977的博客
08-22 419
bug记录-搜索框，有时候输入一个ID，或者IP，记得前面的，然后进入另外一个网址看ID或者IP，结果之前输入框清空了，导致重新输入 转载于:https://www.cnblogs.com/shishibuwan/p/11393131.html...
win11搜索栏bug解决
clover131
03-30 2537
win11 左下角中间任务栏透明窗口 BUG 怎么关掉 升级win11 后遇到的bug不断，最近任务栏上面突然冒出一个透明窗口，鼠标点上去一直转圈，导致那一片区域不能操作，非常恼火。 根据鼠标悬浮上去一直转圈这个特征，可以推测应该是某个应用运行出错导致的，经过尝试， 最终发现是任务栏上的搜索框的bug！ 解决方法： 1、右键开始菜单，选择任务管理器 2、找到搜索进程，结束任务 3、在任务栏区域右键一下，点“任务栏设置”，关掉“搜索”的开关 这样设置后再也不会遇到这个bug了 ...
input框出现转圈问题
weixin_43739375的博客
11-26 932
input框不能加type 只有select框可以加type 若想使用数字输入框,可以用InputNumber或正则表达式验证
前端实现输入框实时搜索，【vue+el-input】
花椒和蕊的博客
07-21 4699
input搜索功能实现
# js，根据input框内容实时搜索列表,并添加底色以突出显示
SThranduil的博客
08-03 5706
js，根据input框内容实时搜索列表,并添加底色以突出显示js，根据input框内容实时搜索列表，纯前端，下面分三个部分进行展示： 首先，让我们看一下做出来的效果：1.html代码 2.js代码 3.css样式 1.html代码<li> <label>名称：</label> <input type="text" id="selectByName" name="selectByName" v
微信小程序input框中加入小图标的实现方法
08-27
微信小程序input框中加入小图标的实现方法 微信小程序input框中加入小图标的实现方法是一种常见的需求，特别是在登录注册页面中。通常，我们可以使用background-image属性来实现，但是微信小程序中并不支持这种方法...
详解小程序input框失焦事件在提交事件前的处理
10-17
主要介绍了详解小程序input框失焦事件在提交事件前的处理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
input输入框输入延时请求（时时搜索）
热门推荐
裴伟建的博客
03-01 1万+
当input正在获得焦点时停1s在请求 var timeoutId = 0; $('#id').off('keyup').on('keyup', function (event) { clearTimeout(timeoutId); timeoutId = setTimeout(function () { ...
搜索快速输入重复查询问题总结
qian_li_hui的博客
03-31 161
搜索快速输入重复查询问题总结 移动端开发在进行条件搜索，在进行快速输入条件是会发现搜索的数据有重复的现象，解决方法如下 1、对onInput设置时间延迟 $('.centerSearch').bind('input propertychange', function() { setTimeout(() =>{that.searchProcessContent() },300); }); 2、数组复制时，定义一个空数组，将接口获取的值push到空数组中，将
搜索框输入内容同时搜索
weixin_53897605的博客
11-17 3377
需求：用户无需回车或者点击搜索按钮，而是在输入内容同时展示搜索结果 思路：给搜索栏添加onChange，当用户改变内容时发送请求获取搜索结果。 问题：用户输入内容是密集型操作，如果不加处理，用户键入一段较长内容会向后端短时发送大量请求，造成服务器负载增大。 解决：在前端设置时效，时效内用户没有新操作才发送请求，代码如下： <a-input-search v-model:value="searchString" @input="_autoSearch" /> export defaul
有关条件筛选的一些bug解决方案
1
07-27 577
作者：张铭标 撰写时间：2019年 7月25日 一. 第一种情况是在你写查询条件的时候,控制器那边的数据有可能是有问题的.例如你要筛选的那个条件的字段在数据库中的类型有可能会导致筛选的结果为空,或者无数据筛选不出来,然而控制器和页面的方法并没有写错,那么这个时候就要留意要筛选的那条数据的数据类型是否有问题,举一个例子说明: 由图片可见,这里我要筛选的是车牌号码,在最开始,无论如何都没有办法筛选出...
input type = "search"
yanby921005的博客
05-18 1685
1.必须包一层form2.点击键盘搜索3.去掉关闭按钮
ant design vue input框 加一个搜索图标
Java&Develop的博客
11-20 2464
ant design vue input框 加一个搜索图标
ant-design input搜索框单独监听allowClear事件
slow097的博客
07-18 2909
onChange事件触发的方法，可以判断出是输入还是点击清除。
【antdv】input实现搜索框获取清空输入值
最新发布
Handsome_gir的博客
10-15 1413
使用Ant Design of Vue 1版本，实现搜索框。
【AntDesign】AntDesign的穿梭框组件Transfer如何清空搜索框内容
踩坑日常和学习笔记
12-10 3773
1、在穿梭框中使用ref： <template> <a-transfer ref="transfer" :data-source="mockData" show-search :filter-option="filterOption" :target-keys="targetKeys" :render="item => item.title" @change="handleChange" @search="handle
微信小程序获取input框的值并进行传参
05-29
要获取input框的值并进行传参，可以按照以下步骤进行操作： 1. 在wxml文件中，给input框添加一个id属性，用于获取input框的值： ``` <input type="text" id="inputValue" /> ``` 2. 在js文件中，获取input框的值...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值