用过atom编辑器的用户可能都知道一款让打字非常炫酷的插件，没错activate-power-mode,有人提取了这款脚本，用于输入框上，就是下面动图效果：

这个脚本在githu地址为：https://github.com/disjukr/activate-power-mode

可以把这个包下下来，使用方法很简单，这个包我们只使用一个js文件，就是dist目录下的activate-power-mode.js，这是webpack打包后的文件。

当然这个包里面的index.html文件已经给我们了一个例子。

我们只需要在html文件里面引入这个js文件，并添加一小段配置即可，

<script src="activate-power-mode.js"></script>
<script>
    POWERMODE.colorful = true;  // 打开随机颜色特效
    POWERMODE.shake = false;    // 关闭输入框抖动
    document.body.addEventListener('input', POWERMODE);//监听打字事件
</script>

快快下载用在自己的博客上面吧！