![](https://img-blog.csdnimg.cn/2c552064453e436b9da704f63c23fa6f.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
记录
记录平时用到的一些知识
蛸-
这个作者很懒,什么都没留下…
展开
-
图片的遮罩,缩放,移动
统合了两个大佬的<!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 · 454 阅读 · 0 评论 -
【记录】区分鼠标单击还是拖拽&拖动图片(包含移动端的触摸事件)
区分鼠标单击还是拖拽&拖动图片简单的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 · 771 阅读 · 0 评论 -
【记录】一个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 · 476 阅读 · 0 评论 -
【记录】限定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 · 2140 阅读 · 0 评论 -
【记录】禁止选中文字
user-select:none;原创 2021-12-22 10:25:14 · 366 阅读 · 0 评论 -
【记录】改select下拉框
用div替换select原创 2021-12-21 16:27:26 · 233 阅读 · 0 评论 -
【记录】常用验证
正则验证原创 2021-12-20 14:40:07 · 168 阅读 · 0 评论