- 博客(5)
- 收藏
- 关注
原创 uniapp input框使用uni.scanCode扫码,双向绑定值不生效
在uniapp中,uni.scanCode是一个异步操作,而双向绑定通常需要同步更新。当你在回调函数中使用this时,由于回调函数的上下文环境已经改变,所以this可能不再指向你期望的对象;在uniapp中使用uni.scanCode API进行扫描,将扫描结果赋值给this.xxx 到input框时会发现回显不上去;
2024-07-05 16:47:27 566
原创 【:hover 加边框导致下面盒子抖动】
css3盒子模型的特性决定了:盒子宽高已定的情况下,后续加上边框和padding并不会改变盒子最初的大小。因此,盒子大小不变,新加上的边框只会挤压盒子内部内容物的空间,从而再度调整内容排列。在一开始的时候给这个盒子加上边框,边框颜色设置为透明色或者设置与背景色一样的颜色,这样一来,鼠标经过这个盒子不会在出现抖动现象。本身盒子无边框,启用:hover之后加上1px的边框,这时候对外显示的效果是盒子整体出现抖动。
2023-11-09 14:28:17 109 1
原创 js注册事件密码框格式提示错误信息
描述 用户如果离开密码框,里面输入个数不是6~16,则提示错误信息,否则提示输入正确信息分析① 首先判断的事件是表单失去焦点 onblur② 如果输入正确则提示正确的信息颜色为绿色小图标变化③ 如果输入不是6到16位,则提示错误信息颜色为红色 小图标变化④ 因为里面变化样式较多,我们采取className修改样式<script> // 1.获取元素 var ipt = document.querySelector('.ipt');
2021-04-18 19:20:47 1673
原创 js搜索框显示隐藏文本框内容
描述 当鼠标点击文本框时,里面的默认文字隐藏,当鼠标离开文本框时,里面的文字显示。分析①首先表单需要2个新事件,获得焦点 onfocus 失去焦点 onblur② 如果获得焦点, 判断表单里面内容是否为默认文字,如果是默认文字,就清空表单内容③ 如果失去焦点, 判断表单内容是否为空,如果为空,则表单内容改为默认文字<script> var text = document.querySelector('input'); text.onfocu
2021-04-18 19:05:05 804
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人