- 博客(7)
- 收藏
- 关注
RSS订阅原创 图片的遮罩，缩放，移动
统合了两个大佬的<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <script src="https://cdn.staticfil
2022-02-21 18:12:55
469
原创 【记录】区分鼠标单击还是拖拽&拖动图片（包含移动端的触摸事件）
区分鼠标单击还是拖拽&拖动图片简单的div：在mousedown内镶嵌mousemove防止冒泡， mouseup里判断差距来选择是否有点击事件<img src="动态赋值的图片" class="smallimg" alt=""><div id="wrapper"> <img src="" alt="" class="bigimg"> <div class="mask">&
2022-02-16 14:33:29
796
原创 【记录】一个div固定宽度，另一个自适应
用flex布局在父元素用display: flex;固定元素用flex: none;自适应元素用flex: 1;<form id="form" target="test"> <input class="mask-tel" type="text" name='tel' placeholder="请填写您的手机号，以便获取免费报价" msg="请输入联系电话" rule="^((\(\d{3}\))|(\d{3}\-))?13\d{9}$"> <button typ
2022-01-13 09:57:03
501
原创 【记录】限定input输入框只能输入/输出数字
限定input输入框只能输入/输出数字1、input用一个type输入，可以修改为number<input type="number"/>2、使用onkeyup事件，有bug，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母<input type="text" onkeyup = "value=value.replace(/[^\d]/g,'')">3、使用onchange事件，在输入内容后，只有input丧失焦点时才会得到结果，并不能在输入时就
2021-12-29 15:07:39
2169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人