博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue下实现textarea类似密码框的功能之探索input输入框keyup,keydown,input事件的触发顺序...
阅读量:6981 次
发布时间:2019-06-27

本文共 586 字,大约阅读时间需要 1 分钟。

项目中引入element的input框组件,触发事件必须要加上.native

复制代码
keyDown(event:any){    //ctrl复制粘贴事件(true|false)    this.isCtrl = event.ctrlKey    console.log('keyDown:',this.isCtrl)}input(value:any){    let newStr='';    this.valueCtrl = ''    let str = value.substring(value.length-1,value.length);    this.valueyArr.push(str);    for (let i = 0; i < this.valueyArr.length; i++) {        newStr+= this.valueyArr[i]    }    this.valueShow = newStr // 输入的明文    if(value.length

纯手动输入:

带键盘ctrl事件:

可以发现执行顺序:keydown>input>keyup 所以必须在keyup事件中将输入的东西替换成点点点,才能达到了密码框的效果,否则无法存储到对应的明文来传给后台

转载地址:http://dqnpl.baihongyu.com/

你可能感兴趣的文章
cdh4.6.0到cdh5.2.0 upgrade和rollback问题小结
查看>>
MalformedInputException处理
查看>>
OPENAPI的测试用例编写方法
查看>>
在Windows Server 2008 R2上安装 PowerShell 5.0
查看>>
事件通知(Event Notification)实践
查看>>
快速构建Windows 8风格应用28-临时应用数据
查看>>
DVWA系列之12 利用Burpsuite进行暴力破解
查看>>
华为VRRP(不同vlan之间的冗余备份)
查看>>
单片机数码管码段
查看>>
Liferay 启动过程分析14-初始化resource code
查看>>
实验(一):认识数据库的参数文件
查看>>
\做为分割符要注意的问题
查看>>
解决使用perl lwp访问网页乱码的问题
查看>>
java json和object互换
查看>>
IT技术晋级之路-系统分区
查看>>
脚本语言程序员怎么学习程序设计?
查看>>
Enterprise Library 2.0 Hands On Lab 翻译(15):加密应用程序块(二)
查看>>
帮助电力,轻松实现运维管理
查看>>
三地跨区域链路 汇聚统一监控平台——国际化综合性顾问咨询公司阿特金斯
查看>>
SQL SERVER与MYSQL 的重复插入的区别
查看>>