神奇的JavaScript技巧:击键向导
按钮等自动化工具可以解放我们的双手，帮助我们自动完成很多工作。在很多场景下，它可以大大提高生产力。
本文将展示:用JavaScript实现一个“按键向导”，演示自动点击、聚焦、输入等操作。
实现效果
实现效果
如上面的动画所示，在页面中，会自动执行以下操作:
1.相隔一秒钟单击两个按钮；
2.设置输入框的焦点；
3.在输入框中输入文本；
4.单击以打开链接；
实用原则
原理并不复杂。获取元素并执行事件，如单击和设置焦点。
有两个困难:
1.对于没有Id和名称的元素，不能使用getElementById和getElementByName。如何定位它们；
解决方案是:使用querySelectorAll获取页面的所有元素，然后通过匹配源代码准确定位元素。代码如下:
2.如何设置延迟:点击一个位置后，等待几秒钟再执行下一个操作。
解决方法是使用setTimeOut和回调函数。代码如下:
关键代码的详细说明
根据上述原则，准备点击、设置焦点和分配功能如下:
调用时，传入源代码、延迟值和回调函数。
即操作指定源代码的元素，然后延迟一定时间，再执行回调函数。
源代码可以在页面查看器中获得，如下图所示:
完整的源代码
下面是上面例子的完整代码，可以保存为html来运行。
& lthtml & gt& ltbody & gt& lt脚本& gtdocument . body . addevent listener("点击"，函数(e){ console . log('点击:'e . original target)；});& lt/script >& lth1 & gtJS版本密钥向导
透明JavaScript很容易被功能逻辑理解，可以随意修改。如果想提高代码安全性，就应该对代码进行加密和保护。比如可以使用专业的JavaScript代码混淆加密工具JSha***n。上述完整源代码中的JavaScript代码经过JSha***n加密后，会变成如下形式，使用完全不受影响:
注意:左边是原码，右边是加密码。
本文来自穷水尽更词穷投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/477725.html
微信扫一扫 
