本文内容主要3部分,一是说明为什么keyCode舍弃了,二是对比event.key和event.code,三是整理常用功能键的event.key和event.code值,方便使用时候快速查找。
文章关键字 ‘javascript’
告别JS keyCode
2021年01月4日,星期一原来DOM还有toggleAttribute这样的JS API
2020年12月6日,星期日各大现代浏览器在2018年底均支持了一个名为toggleAttribute的DOM API,专为HTML布尔属性设计,非常实用,不容错过。
尝试使用JS IntersectionObserver让标题和导航联动
2020年12月1日,星期二学习了下JS中非常适合实现懒加载和无限固定加载的IntersectionObserver API,并自己给自己出难题,使用此API实现基于文档标题生成导航的插件功能。本文有自己实现过程完整记录,不一样风味的技术文章,内容较长,希望可以对大家学习有所启发。
突发奇想,同步单复选框checked态岂不点击通杀?
2020年11月26日,星期四利用浏览器单复选框原生点击的特性,抽象出一个实时同步规则,无需针对每一种交互效果去写具体的代码,就可以实现全覆盖的点击交互事件增强支持,可谓一本万利,大家不妨进来看看到底香不香。
ES6模板字符串在HTML模板渲染中的应用
2020年10月22日,星期四ES6模板字符串自带模板解析特性,有没有可能HTML模板直接使用ES6模板字面量语法,然后进行渲染解析呢,这样就不需要引用第3方模板渲染引擎了,岂不妙哉!但是实操下来没那么简单,好在我找到了一个解决方法。本文的技术同样实用,有demo有截图,希望本文内容可以对您的学习有所帮助。
JS CustomEvent自定义事件传参小技巧
2020年08月20日,星期四本文介绍如何使用CustomEvent.detail触发addEventListener绑定的内置或自定义的事件并传参,以及IE浏览器不支持的解决方法。
移动端双指缩放图片JS事件的实践心得
2020年06月12日,星期五今天要JS实现一个手机中双指缩放的需求,本以为很简单,结果遇到了意料之外的状况,特意记录下来和大家分享,有demo演示,也有精简的JavaScript代码,以后说不定用得到,可以mark下。
检测DOM尺寸变化JS API ResizeObserver简介
2020年03月8日,星期日JS ResizeObserver这个全新的API可以用来观察与检测DOM元素尺寸的变化,很多以前不好实现的需求这下有了高性能高质量的解决方案了。
如何使用JS把相对地址变成绝对地址?
2020年01月17日,星期五本文介绍两种把相对路径变成绝对路径的JS方法,都非常简单快捷,还有其他优缺点大家可以根据实际场景选择合适的方法。