突发奇想给自己想了个需求, 抽时间研究并实现了下,作为日后的技术储备,等待厚积薄发。
文章关键字 ‘pointer-events’
任意两个点的曲线连接JS算法
2023年02月27日,星期一告别pointer-events:none使用HTML inert属性真正禁用
2022年10月20日,星期四Web领域终于出了个针对任意元素,且是真正意义上彻底禁用的属性了。
巧用两个type=range input实现区域范围选择
2021年02月11日,星期四type=range类型输入框UI自定义兼容性很好很实用,但是只是单值选择,有没有可能直接两个拖拽按钮实现范围选择呢?可以的,活用CSS即可,JS只需做一点微小的支持。
更好的纯CSS滚动指示器技术实现
2019年06月8日,星期六我们可以使用纯CSS显示页面滚动百分比进度,传统实现是在body标签上做文章,但有致命缺陷,后来我借助混合模式实现了一种新方法,此方法可以规避传统实现的不足,使纯CSS滚动指示器效果在实际项目中应用成为了可能。
如何disabled禁用所有表单input输入框元素
2019年04月5日,星期五经常会遇到需求,需要禁用div中或者form元素中一堆表单控件元素,那有没有什么简单方法轻松禁用所有表单元素呢,而且是真正意义上的禁用呢?
鼠标无限移动 JS API Pointer Lock简介
2017年10月18日,星期三用一句话说明Pointer Lock API的作用就是:Pointer Lock API可以让你的鼠标无限移动,脱离浏览器窗体的限制!
这对于一些需要鼠标控制的应用非常有用。举个例子:某3D VR女友的游戏,你鼠标向上移动,则你的视角就会往下……
pointer-events:none提高页面滚动时候的绘制性能?
2014年01月4日,星期六“pointer-events:none提高页面滚动时候的绘制性能?”注意标题后面的问号。一般这种标题都说明作者要否定这个结论。我这里是否定呢还是坑定呢?不告诉你,你自己去寻找答案。
本文不单纯介绍技术,还探讨了关于“真理”的话题,若有兴趣,一起加入讨论吧。用真理来解决与研究技术问题。相信本文的内容不会让你失望的。
小卖弄:纯CSS实现的outline切换transition动画效果
2013年11月13日,星期三我记得有个版本的迅雷软件,会发现focus文本框时候,其外发光的外挂会跟着动画移动。据说这一系列N动画交互引擎的维护成本还是挺高的。
今天,偶然看到一个名叫Nikita Vasilyev的兄弟在web页面上折腾了个类似效果。其是JS实现的,我习惯性就想,可不可以CSS实现呢,一番折腾,发现,竟然……