html模拟点击某个键盘按钮,【Chrome-crx】键盘模拟鼠标点击网页按钮
0x00 前言
最近在做一个标注任务:
简单的说,就是屏幕上有好多小方块,选中其中的部分,
然后在页面下面的四个标注按钮(红绿蓝黑)上点一下,
小方块们就会被染成这个按钮的颜色,需要把所有的小方块们染色完。
请各位想象一下:纯鼠标工作,在一个白底的网页上来回翻飞舞动,眼睛都看花啦!
所以我决定想个法子把这四个染色按钮绑在我键盘上的几个键上(QWER就是你们了)。
(以后标注起来看起来在打DOTA一样哈哈哈)
0x01 配置使用
二话不说先贴解决方案:
配置按键:
Keyboard Shortcut(选择按键): Q
Behavior(选择效果): Run JavaScript
Label as(取个名字): "按下C按钮"
Javascript code to run(跑一段javascript代码):
document.getElementsByClassName('btn btn-C')[0].click()
(当然可以写好多,这里我要求不多就写了一行)
Active while in form fields(选择生效页面)
Only for specific sites(我选的是只在这个网域生效)
www.blablablabla.com/mark/todo/*
刷新页面,开始使用
如上述配置的意思为:
仅在标注页面的url域生效,
按下键盘中的Q键,
等效于点击class名称为’btn btn-C’的按钮一次。
0x02 详细说明
其实我觉得叫详细说明不如叫心路历程哈哈哈
首先这是我在Chrome商店搜索shortkey直接淘出来的一个扩展程序:
Shortkeys (Custom Keyboard Shortcuts)
由Mike Crittenden提供
看起来还不赖,我就去check了一下支持哪些功能(要知道,扩展性是一个程序的生命线啊)
然后看到这一行的时候我的眼镜就闪闪发光了——“Behavior: Run JavaScript”
好的就决定是你了,能跑一个脚本语言比什么不强?
然后就是javascript了,哼╭(╯^╰)╮,本大爷怎么可能有五分钟内不能写出来的东西
$('.btn-C').click()
//Uncaught ReferenceError: $ is not defined at :1:1
这……不科学,怎么连$都不认识呢,明明我在console里可以直接用的啊!
那这样行么:
document.getElementById('btn btn-C').click()
//Uncaught TypeError: Cannot read property 'click' of null at :1:37
啥……Null?那就是说没拿到咯……然后进行了如下的尝试,看如何能获得那个button对象
document.getElementById('.btn')
null
document.getElementById('.btn-C')
null
document.getElementById('btn btn-C')
null
document.getElementsByClassName('.btn')
[]
length: 0
__proto__: HTMLCollection
document.getElementsByClassName('btn btn-C')
[button.btn.btn-C]
length: 1
0: button.btn.btn-C
__proto__: HTMLCollection
好好好,有对象了有对象了(总觉得这句话哪里不对)
那就决定是你了!
document.getElementsByClassName('btn btn-C').click()
啊咧怎么又……哦对了是个list不好意思哈哈哈
document.getElementsByClassName('btn btn-C')[0].click()
搞定,看我一个QEQWR连招带走对面(老师我真的在标注,真的真的~)
html模拟点击某个键盘按钮,【Chrome-crx】键盘模拟鼠标点击网页按钮相关推荐
- html网站点击特效,HTML5 svg和CSS3炫酷鼠标点击按钮特效
这是一组效果非常炫酷的HTML5 svg和CSS3鼠标点击按钮特效.这组鼠标点击特效共有22种效果,大多数是在伪元素上使用CSS3 animations来制作动画效果.非常适合于移动手机APP上的按钮 ...
- 按钮button,submit添加鼠标点击事件
目录 1.直接在按钮处添加onclick属性 2.在表单处添加onsubmit属性 3.操控DOM元素获得组件元素并监听 4.利用jQuery去获得组件元素,使用封装好的click()方法 ...
- html5按钮自动特效,HTML5 svg和CSS3 22种炫酷鼠标点击按钮特效
这是一组效果非常炫酷的HTML5 svg和CSS3鼠标点击按钮特效.这组鼠标点击特效共有22种效果,大多数是在伪元素上使用CSS3 animations来制作动画效果.非常适合于移动手机APP上的按钮 ...
- 网页按钮滑动变色与按钮光影效果的实现
网页按钮滑动变色与按钮光影效果的实现 基于chrome,不支持IE与Edge 网页按钮滑动变色与按钮光影效果的实现 网页按钮滑动变色与按钮光影效果的实现 前言:涉及知识点 原理: 知识点解释 1.重塑 ...
- 课后作业之鼠标点击速度比赛游戏
题目: 利用Java Swing 技术设计一个鼠标点击速度比费游戏程序.程序显示一个按钮和文本框.用户点击按钮,文本框显示鼠标点击次数.两个人同时运行本程序,即进行比赛.程序运行效果如图4-6 所示. ...
- OpenCV-Python根据鼠标点击位置截取ROI
OpenCV-Python根据鼠标点击位置截取ROI 文章目录 OpenCV-Python根据鼠标点击位置截取ROI 前言 一.实现过程 1.引入库 2. 获取鼠标位置 使用方法 实例展示 前言 基于 ...
- Qt Mediaplayer videoplayer 例子工程 Media Player Example 应用过程中出现的问题(三)qslider禁用鼠标点击跳转
Qt Mediaplayer videoplayer 例子工程 Media Player Example 应用过程中出现的问题(三)qslider禁用鼠标点击跳转 转载请标明出处 上一篇文章Qt Me ...
- php网页点击特效,网站鼠标点击炫酷特效分享
今天给大家分享的是一个非常有意思的网页鼠标点击特效,具体效果如下: 总得来说这个特效还是非常棒的,颜色搭配清新,效果也比较炫酷,喜欢的小伙伴可以在下方进行下载. 演示地址:http://img.hel ...
- JS特效教程:给网站添加鼠标点击弹出指定汉字特效
网站添加鼠标点击弹出指定汉字特效,就是鼠标点击站点任何位置,都会随机弹出我们指定的一组汉字中的一个.比如指定"文明,自由,民主,公正,和谐"等,点击鼠标时就会随机显示这一组的某个词 ...
- C语言 在程序中打开网页,模拟鼠标点击、键盘输入
C语言 在程序中打开网页,模拟鼠标点击.键盘输入 一.简述 记--使用C语言 打开指定网页,并模拟鼠标点击.键盘输入.实现半自动填写账号密码,并登录网站(当然现在的大部分网站都有验证码 ...
最新文章
- Linux vsftp服务
- 相机设置感兴趣区域(自带API)
- Mac设置信认任意来源应用
- python 曲线多项式拟合
- Yii的gii-modules
- respberry pi3 上手随记
- yaf mysql_Yaf框架的配置
- 关于关闭office 2010中的OSPPSVC服务的方法
- python 中【example[I] for example in dataset】的理解
- java uuid fasterxml_可笑!可悲!可叹!你竟然还不知道Java如何生成UUID?
- python里textfield_Django:为什么我的CharField没有得到类vTextField?
- Windows Devcpp配置MYSQL
- kali教程--破解wifi密码
- 【可靠性测试】之容错性测试---测试检查点罗列
- 一维搜索---黄金分割法
- 【C++】球盒问题总结(八种情况)
- 自动驾驶技术基础——惯导
- HTML语言中代表网页标题的标签是,html标题标记 在html中,标题标签一共有几级?
- 《语义计算群:AI 理性主义的终结是不可能的吗》
- 乌镇 · 第四节世界互联网大会 · 马云
热门文章
- SQL性能优化第二篇之Mybatis如何能够执行多条SQL
- Python实现自动发送邮件(详解)
- phalapi init.php,PhalApi:[3.1] 扩展类库:微信开发
- tensorflow学习笔记(十):GAN生成手写体数字(MNIST)
- SQLyog连接MySQL8时出现的错误号码2058解决方法
- 华为鸿蒙系统内部消息,鸿蒙系统上线?华为内部人员:山寨网站
- 智能语音识别ASR工具Riva简介
- MATLAB 一行代码应用ggtheme主题--density版
- Java电商 《锋迷商城》分布式笔记
- 推荐系统(十七)双塔模型:微软DSSM模型(Deep Structured Semantic Models)