按键精灵jsdroid,按键精灵jsd
JavaScript奇淫技巧：按键精灵
key wizard等自动化工具可以解放我们的双手，帮助我们自动完成很多工作。在很多场景下，它可以大大提高生产力。
本文将展示：用JavaScript实现一个“按键向导”，演示自动点击、聚焦、输入等操作。
实现效果
如上面的动画所示，在页面中，会自动执行以下操作：
1.相隔一秒钟单击两个按钮；
2.设置输入框的焦点；
3.在输入框中输入文本；
4.单击以打开链接；
功能原理
原理并不复杂。获取元素并执行事件，如单击和设置焦点。
有两个困难：
1.对于没有Id和名称的元素，不能使用getElementById和getElementByName。如何定位它们；
解决方案是：使用querySelectorAll获取页面的所有元素，然后通过匹配源代码准确定位元素。代码如下：
2.如何设置延迟：点击一个位置后，等待几秒钟再执行下一个操作。
解决方法是使用setTimeOut和回调函数。代码如下：
重点代码详解
根据上述原则，准备点击，设置焦点，分配功能，如下：
调用时，传入源代码、延迟值和回调函数。
即操作指定源代码的元素，然后延迟一定时间，再执行回调函数。
源代码可以在页面查看器中获得，如下图所示：
完整源码
这里给出了上面例子的完整代码，保存为html就可以运行了。
超文本标记语言
身体
脚本
document . body . addevent listener( click ，function(e) {
Console.log (click:，e . original target)；
});
/脚本
H1版本的密钥向导/h1
差异
一、按钮：br
button style= width:100px；高度：100像素；Click= alert (1被单击)；1/按钮
button style= width:100px；高度：100像素；Click= alert (2被单击)；2/按钮
英国铁路公司
英国铁路公司
二、输入框：
输入类型=text 值=
英国铁路公司
英国铁路公司
三。链接：a href= 3358 jshaman . com target= iframe 1 jshaman.com/a
英国铁路公司
iframe name=iframe1/iframe
/div
英国铁路公司
整点
button onclick= fun 1()；开始自动执行/按钮
英国铁路公司
依次执行以下操作：br
1.单击第一个和第二个按钮；2.设置输入框的焦点；3.设置输入框的值：abc；4.单击链接；
英国铁路公司
/body
脚本
//点击事件
//参数：
//outer_html:被点击元素的源代码
//delay:延迟
//call_back:回调函数
函数click(outer_html，delay，call_back){
//获取页面的所有元素
var all _ elements=document . query selector all( * )；
//遍历元素
for(I=0；iall _ elements.lengthi ){
//匹配符合条件的元素
if(all_elements[i].outerHTML==outer_html){
//点击
所有元素[i]。单击()；
}
}
if(delay call_back){
//执行回调函数需要多少毫秒？
setTimeout(回调，延迟)
}
};
//设置焦点，即选中它
//参数：
//outer_html:元素源代码
//delay:延迟
//call_back:回调函数
函数焦点(outer_html，delay，call_back){
//获取页面的所有元素
var all _ elements=document . query selector all( * )；
//遍历元素
for(I=0；iall _ elements.lengthi ){
//匹配符合条件的元素
if(all_elements[i].outerHTML==outer_html){
//设置焦点
所有元素[i]。焦点()；
}
}
if(delay call_back){
//执行回调函数需要多少毫秒？
setTimeout(回调，延迟)
}
};
//设置内容
函数setvalue(outer_html，type，value，delay，call_back){
//获取页面的所有元素
var all _ elements=document . query selector all( * )；
//遍历元素
for(I=0；iall _ elements.lengthi ){
//匹配符合条件的元素
if(all_elements[i].outerHTML==outer_html){
//点击
all _ elements[I][type]=value；
}
}
if(delay call_back){
//执行回调函数需要多少毫秒？
setTimeout(回调，延迟)
}
};
//单击按钮
函数fun1(){
//要单击的元素的源代码
var outer _ html=` button style= width:100px；高度：100像素；Click= alert (1被单击)；1/button `；
点击(outer_html，1000，fun 2)；
}
//单击按钮
函数fun2(){
//要单击的元素的源代码
var outer _ html=` button style= width:100px；高度：100像素；Click= alert (2被单击)；2/button `；
点击(outer_html，1000，fun 3)；
}
//设置输入的焦点和值
函数fun3(){
//要单击的元素的源代码
var outer _ html=` input type= text value= `；
focus(outer _ html)；
setvalue(outer_html， value ， abc ，1000，call_back_function)
}
//单击链接
函数call_back_function(){
var out _ html=` a href= http://jshaman . com target= iframe 1 jshaman . com/a `；
点击(out _ html)；
Console.log(“自动点击完成”)
}
/脚本
/html
代码安全性
开放透明的JavaScript易于理解功能逻辑，可以随意修改。如果想提高代码安全性，就应该对代码进行加密和保护。比如可以使用专业的JavaScript代码混淆加密工具JShaman。上述完整源代码中的JavaScript代码经过JShaman加密后，会变成如下形式，使用完全不受影响：
注意：左边是原码，右边是加密码。
相关：【JavaScript视频教程】以上是教你用JavaScript实现一个“按键向导”！更多详情请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。