去掉el-input输入框弹出历史记录框

最新推荐文章于 2024-06-12 16:13:02 发布
最新推荐文章于 2024-06-12 16:13:02 发布
阅读量1k 收藏 9
点赞数 15
文章标签： vue.js 前端 elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guan18331150170/article/details/136836823
版权

1、输入框在输入内容时会下拉展示浏览器的历史数据
例如“：

官方给出的解决方案

我们试了没有效果

第二种方案 

这是mdn给予的解决方案，有的浏览器支持，有的浏览器不支持

第三种方案

给input 绑定mousedown事件，将input的只读开启后在关闭，就会阻止浏览器的历史记录弹出来

因为mousedown事件阻止了input 的清除，所以使用$set()进行清除

不知名的前端切图仔
关注
  • 15
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Element输入框带历史查询记录的实现示例
12-10
需求描述 页面的查询框增加一下显示历史查找记录 实现及踩坑记录 使用Element带输入建议的输入框来实现此需求。用法详见官网 1. 坑1：不能直接在querySearch里返回数组，一定要调用回调函数cb来处理数据 看了一下例子，建议列表应该是个数组，然后我就在querySearch里直接返回了一个数组： querySearch(queryString, cb) { return JSON.parse(localStorage.getItem('srcOrderNoArr')) }, 但是回到网页上却发现列表数据加载不出来 正确姿势： /** * 建议列表 */ quer
怎么禁止浏览器弹框记住/保存密码及不自动填充密码
stringwb的专栏
12-03 3152
一、先说结论 本示例解决2个问题： 1、不会在浏览器弹框提示保存密码 2、用户名和密码框不自动填充已保存的信息 测试浏览器：IE，谷歌，火狐 二、现象及问题： 浏览器会在登录成功后提示记住密码，以及保存密码后，再次访问登录页会自动填充以保存的信息。 漏洞扫描时，部分工具会视为漏洞【浏览器记住用户名/密码】。 登录后弹框提示保存密码： 页面加载后会自动填充用户名和密码： 登录页代码如下： 登录成功后需跳转至新页面，代码如下： ...
Vue+elmentUI实现搜索框保留历史记录
最新发布
2301_77529176的博客
06-12 338
在代码中，在将数据存储到本地时，注意value不要为null，否则以下代码会报错。
自动完成
zhangjin570459234的专栏
12-30 201
<br />firefox 和 ie 的浏览器各自实现了input历史记录的功能，可以简化输入时的麻烦，但是，有时候弹出的下拉框会挡住页面显示内容，而且在某些情况下也不需要对input框进行记录，如号码查询的input框，用户不会对同一个号码进行多次查询，就没有必要让浏览器记录。 <br /><br />MSIE自定义了input 的扩展属性 autocomplete，置为off即可 <br /><br /><input type="text" autocomplete="off" id="number"/
清除文本框上次输入值的历史记录
12-16
清除文本框上次输入值的历史记录, 在做开发时,有时输入文本框时,会哏出历史记录,让 人很讨厌.
禁止 input 输入框显示历史记录
sout-lanys
07-10 2897
在 HTML 开发中会 input 标签是非常常用的，当在 input 标签 输入数据后，再点击输入框会显示原来输入过的内容，还会出现下拉的历史记录。让使用人员感觉比较恶心。
JavaScript前端：输入框关闭弹出历史记录功能
qq_46119575的博客
01-11 3758
JavaScript前端：输入框关闭弹出历史记录功能
禁止input输入框显示历史记录（已解决）
蓝胖子的博客
11-30 4512
禁止input输入框显示历史记录（已解决）
vue element-ui实现input输入框金额数字添加千分位
10-15
主要介绍了vue element-ui实现input输入框金额数字添加千分位,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue:el-input输入时限制输入的类型操作
10-15
主要介绍了vue:el-input输入时限制输入的类型操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue 实现输入框新增搜索历史记录功能
01-19
vue实现搜索显示历史搜索记录,采用插件-good-storage 安装插件  npm install good-storage -S 在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据最大缓存15条，并且新的插入在第一位，首先...
Element Input输入框的使用方法
10-15
`<el-input>` 组件是最基本的输入框，可以通过 `v-model` 双向绑定数据，`placeholder` 设置占位文本。例如： ```html <el-input v-model="input" placeholder="请输入内容"></el-input> ``` ### 带图标的输入框 ...
input密码输入框禁止填充禁止出现历史记录下拉框
weixin_45799605的博客
12-21 832
注册页面 input密码输入框禁止填充禁止出现历史记录下拉框
删除edge浏览器文本框储存记录值以及关闭自动填充
m0_73804746的博客
01-18 9022
当我们点击输入框时总会出现许多以前输入过的信息。一、删除edge浏览器文本框储存记录值。1、首先按下↓键选中你想删除的信息。
去掉input历史记录
03-11 530
There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence. The blog content is all parallel goods. Those who are worried about being cheated should leave quickly.
web开发如何屏蔽浏览器输入框下拉历史的输入记录
yhsCsdn的专栏
12-18 1945
在开发过程中遇到一个这样的问题输入框下面有一个输入提示（js,jquery），但是浏览器他有一个下拉历史的输入记录，现在欧迪曼就是历史记录，下面的内容才是（js,jquery）js实现的输入提示如下图，这样感觉让人很不爽！用input 的autocomplete属性默认是on：其含义代表是否让浏览器自动记录之前输入的值off：则关闭记录 修改之后是这样的，则样感觉好多啦！！！
input输入框历史记录清除
wyt5206的博客
06-06 2740
在输入input时会提示原来输入过的内容，还会出现下拉的历史记录，禁止这种情况只需在input中加入： autocomplete=“off” autocomplete 属性是用来规定输入字段是否启用自动完成的功能。 1.防止退后清空的TEXT文档(可把style内容做做为类引用) 2.ENTER键可以让光标移到下一个输入框 3.只能为中文(有闪动) type：指定input类型 hideFocus / HideFocus=true：取消按钮按下时的虚线框 autofocus：规定输入字段在页面加载时是否获得
浏览器输入框下面的提示是如何做的
03-10
浏览器输入框下面的提示是通过浏览器自带的自动完成功能实现的。当用户在输入框中输入字符时，浏览器会根据用户输入的内容，自动匹配出可能的结果，并在输入框下面显示出来，以方便用户选择。这个功能可以通过 HTML5 的 autocomplete 属性来控制和定制。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值