JavaScript奇淫技巧:按键精灵
按键精灵之类的自动化工具,可以解放双手,帮我们自动完成许多工作,在很多场景中,可以极大提升生产力。
本文将展示:用JavaScript实现一个“按键精灵”,演示自动完成点击、聚焦、输入等操作。
如上图动画,在页面中,自动执行了如下操作:
1、间隔一秒依次点击两个按钮;
2、给输入框设置焦点;
3、在输入框输入文字;
4、点击打开链接;
原理并不复杂,获取元素,并执行点击、设焦点等事件。
难点有两处:
1、没有ID、Name的元素,不能使用getElementById、getElementByName,如何对其定位;
解决方法是:使用querySelectorAll获取页面所有元素,然后用匹配源码的方式,精确定位元素。代码如下:
2、如何设置延时:点击一个位置后,等待几秒,再执行下一个操作。
解决方法是:使用setTimeOut及回调函数。代码如下:
依前面讲述的原理,准备好点击、设焦点、赋值函数,如下:
调用时,传入源码、延时值、回调函数。
即:对指定源码的元素进行操作,然后延时一定时长,再执行回调函数。
其中源码部分可以在页面查看器中获得,如下图所示:
这里再给出以上示例的完整代码,保存为html即可运行。
讯享网
公开透明的JavaScript很容易被看懂功能逻辑,也可以被任意修改。如果希望提高代码安全性,应对代码加密保护。比如,可以使用专业的JavaScript代码混淆加密工具JShaman。上面完整源码中的JavaScript代码经JShaman加密后,会变成如下形式,而使用不受任何影响:
注:左侧为原始代码,右侧为加密后的代码。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/196008.html