JavaScript常用技巧集锦(57条)
JavaScript 的 57 个小技巧,涵盖了不少前端开发中经常会碰到的场景。像禁用右键、禁止复制粘贴、控制光标位置这些,看似简单但实用性蛮高。多时候你就是想快速加个功能,又不想折腾太多代码,这时候这些小招儿就挺省事的。
页面交互的控制,用事件属性就能搞定,像oncontextmenu
禁右键、onselectstart
禁选中,配合上oncopy
和oncut
,基本能挡住大部分复制党。虽然不是百分百防得住,但对普通用户来说已经够用了。
还有不少偏细节的操作,比如通过offsetTop
和offsetLeft
获取控件位置,或者利用document.referrer
拿上一页地址,这些东西平时不太用,但遇到需求时就能省一堆查资料的时间。
框架防嵌入的做法也提到了,判断顶层窗口这招以前做登录页的时候挺常见的,能防止页面被人恶意套用。你要是做后台管理系统,这类防护就比较有必要。
还有一个比较有意思的点是输入法控制,像ime-mode: disabled
这种样式,在做英文验证码或手机号输入框时就挺方便。不过要注意,这个样式已经被部分浏览器废弃了,所以用之前最好测试下兼容性。
总体来说,这篇总结算是前端日常“速查宝典”,用的时候翻一下,灵感来了也可以当参考。如果你平时写项目想省事、省心,这些技巧值得收藏一份。
83.5KB
文件大小:
评论区