这是一个类似百度下拉搜索的功能。当我点击下拉关键字中的一项时， 隐藏下拉单，并将所选关键字填入input中，这个并不难实现，但矛盾的地方在哪里呢，我还想让input 失去焦点的时候隐藏下拉单，这时候就出现一个问题，li 的click 事件发生时又发生了input onblur事件, 结果就是下拉单被隐藏了,但选择的项没有填进input 中。input onblur 事件似乎取代了li click 事件.. 请问该如何处理这个问题?
类似百度下拉搜索的功能,li的click事件和input的onblur事件有冲突
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
Go 旅城通票 2015-04-21 02:40关注input的onblur事件setTimeout延时执行一下
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2015-04-21 02:26回答 3 已采纳 input的onblur事件setTimeout延时执行一下
- 2021-12-14 18:02回答 2 已采纳 用api添加，不能用window.onblur=xxxx，这样注册事件最后出现的会覆盖前面的 window.addEventListener('blur',function(){ //your cod
- 2022-07-26 10:38回答 2 已采纳 jQuery：bind方法绑定事件 // 常规写法： var count = 0; $(".btn").bind("click mouseenter mouseleave",function(even
- 2016-06-26 22:09奋飛的博客 在开发中我们会经常遇到blur和click冲突的情况。下面叙述了开发中常遇到的“下拉框”的问题，并提供了两种解决方案。一、blur和click事件简述 blur事件：当元素失去焦点时触发blur事件；其为表单事件，blur和focus...
- 2019-11-16 12:13回答 2 已采纳 1、直接使用placeholder属性就实现了你要的效果，没有必要用JS 2、如果非要用js，那么取textarea里面的内容请用“value”而非“innerHTML”
- 2021-10-31 21:41回答 1 已采纳 看你需要验证什么字段，比较邮箱要符合邮箱的规则，避免同一个人重复提交表单，电话号码校验，防抖与节流的实现等等
- 2020-05-30 15:33回答 2 已采纳 JavaScript的短路运算 return checkUserName() && checkpassWord（) 方法一 如果如果返回true 则返回 方法二的值 方法一 如果如果返
- 2019-06-03 18:11随意花的博客 本人是使用Vue框架写的，使用到了input的onclick事件和onblur事件， 1、onclick点击事件来展现或隐藏下拉框 2、onblur失焦事件来隐藏下拉框，在这个失焦事件中必须使用setTimeout来延迟隐藏，否则下拉框的li的onlick...
- 2015-01-27 07:51回答 2 已采纳 没见你在哪里有onblur事件啊。。你用cs动态加的？状态转换函数最好改成下面的，要不出错了你都不知道什么问题。。 ``` function userExists(CarN
- 2016-12-19 02:51回答 1 已采纳 onblur中不要调用alert、prompt，confirm之内的能挂起js执行的代码，要不chrome下就是这个这个问题，否则你用setTimeout延时执行
- 2019-06-27 11:01回答 3 已采纳 这是里面的内容
- 2019-06-04 09:00随意花的博客 input模仿select实时更新搜索内容 1.使用Vue框架和style的stylus样式 2.使用input的oninput事件，能实时根据input的值改变下拉框的数据，oninput事件兼容IE9以上版本，注意：不能使用onchange事件，因为onchange事件...
- 2016-07-09 21:04回答 1 已采纳 You need to escape the single quotes using backslash. So, you need to use this way: onfocus="if(t
- 2022-02-21 09:46嗯光的博客 当对文档中的元素进行操作的时候或者文档的状态发生改变的时候就会产生一个事件 通过id获取元素 返回的是单个对象 document.getElementById(); 通过类名获取元素 返回的是数组对象 class=‘cur’ document....
- 2019-11-06 17:25Andrelia20171760的博客 一、Web API简介 目标： 能够说出 Web APIs 阶段...1. Web APIs和JS基础关联性 1.1 js的组成： 2. API和Web API 2.1 API API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是...
- 2023-01-12 14:45真爱一生@的博客 input blur
- 2022-01-26 17:01大西瓜-dxg的博客 大致就是这样的功能和思路。 这里用的是jsx写的一个简单下拉框组件，有需要可以直接拷到项目去。主要处理上万条数据加载的下拉框浏览器卡死的问题。 思路 这里直接上代码吧。主要还是在页面正常引入。 第一步： <...
- 2018-01-08 15:21RoadStillFaraway的博客 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后，产生该文件 Onchange:当文字值改变时，产生该事件 Onselect:当文字加亮后，产生该文件 点击时文字消失，失去焦点时文字再出现 2.网页按钮的特殊...
- 2019-08-11 17:31不一样的花朵的博客 <!--内联式 CSS （层叠样式表） 编辑 层叠样式表(英文全称：Cascading Style Sheets) ...html里面的外观命名跟css外观命名会有所有不同。但效果一致 css属性: 属性1：值1;属性2：值2;属性3：值3;... 内联式:...
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 R语言Rstudio突然无法启动
- ¥15 关于#matlab#的问题：提取2个图像的变量作为另外一个图像像元的移动量，计算新的位置创建新的图像并提取第二个图像的变量到新的图像
- ¥15 改算法，照着压缩包里边，参考其他代码封装的格式 写到main函数里
- ¥15 用windows做服务的同志有吗
- ¥60 求一个简单的网页(标签-安全|关键词-上传)
- ¥35 lstm时间序列共享单车预测，loss值优化，参数优化算法
- ¥15 Python中的request，如何使用ssr节点，通过代理requests网页。本人在泰国，需要用大陆ip才能玩网页游戏，合法合规。
- ¥100 为什么这个恒流源电路不能恒流？
- ¥15 有偿求跨组件数据流路径图
- ¥15 写一个方法checkPerson，入参实体类Person，出参布尔值