苹果iOS捷径（快捷指令）自动填写表单

2024-06-04 12:03| 来源: 网络整理| 查看: 265

苹果iOS用户可以通过捷径（快捷指令）快速完成表单填写以提高工作效率。本文主要介绍如何通过捷径（快捷指令）调用 JavaScript 在网页运行的方式快速填写表单。

效果展示：

捷径（快捷指令）在网页上运行JavaScript 脚本基本格式：

123456var result = []; // JavaScript代码 // 调用 Completion 以完成 completion(result);

以疫情期间在校生出入校园申请表为例：

首先分析表单所需要填写的信息类型，在本例中，类型主要有文本框、单选按钮、时间选择器：

1. 文本框

对于文本框，我们可以通过定位文本框对应id，通过定义value的形式为文本框赋值。

1document.getElementById('ZY').value="需要填写的内容"; 2. 单选按钮

面对单选按钮，改变选择器样式并不能将内容最终插入最后提交的表单中，我们需要用到JavaScript的点击动作。

12345var event = new MouseEvent('click'); var XQ_click = document.getElementsByClassName('van-radio van-radio--horizontal')[1]; XQ_click.dispatchEvent(event);

基本逻辑为：定义点击事件（MouseEvent继承自UIEvent）——定位选择按钮——实现点击。

关于定位选择按钮，这里再强调一下，对于没有独立id的选择按钮，可以通过其在ClassName中的具体位置序号予以定位。

3. 时间选择器

时间选择器数据的填写，我们可以直接使用捷径（快捷指令）的当前日期功能：

1document.getElementById('JTSDJS').value="当前日期"; 手动选择时间以获取时间表达格式：在捷径（快捷指令）中将出发时间的当前日期参数格式设置为 yyyy-MM-dd HH:mm，返校时间的当前日期参数格式设置为 yyyy-MM-dd 23:00，即表示出发时间为填表时间，返校时间为当天的23:00 值得注意的是：

这个表单内的元素全部位于id为formIframe的iframe内，因此在定位表单元素前还需要定位表单：

parent.document.getElementById(“formIframe”)

完整脚本： 1234567891011121314151617181920212223242526var result = []; parent.document.getElementById("formIframe").contentWindow.document.getElementById('ZY').value="需要填写的内容"; parent.document.getElementById("formIframe").contentWindow.document.getElementById('NJ').value="需要填写的内容"; parent.document.getElementById("formIframe").contentWindow.document.getElementById('BJ').value="需要填写的内容"; parent.document.getElementById("formIframe").contentWindow.document.getElementById('LXFS').value="需要填写的内容"; parent.document.getElementById("formIframe").contentWindow.document.getElementById('SZSS').value="需要填写的内容"; parent.document.getElementById("formIframe").contentWindow.document.getElementById('QJWCSY').value="需要填写的内容"; parent.document.getElementById("formIframe").contentWindow.document.getElementById('JTGJD').value="步行"; parent.document.getElementById("formIframe").contentWindow.document.getElementById('JKZK').value="健康"; parent.document.getElementById("formIframe").contentWindow.document.getElementById('JTSDKS').value="当前日期"; parent.document.getElementById("formIframe").contentWindow.document.getElementById('JTSDJS').value="当前日期"; //MouseEvent继承自UIEvent var event = new MouseEvent('click'); var XQ_vant_click = parent.document.getElementById("formIframe").contentWindow.document.getElementsByClassName('van-radio van-radio--horizontal')[1]; var ZXTY_vant_click = parent.document.getElementById("formIframe").contentWindow.document.getElementsByClassName('van-radio van-radio--horizontal')[2]; var SFLJ_vant_click = parent.document.getElementById("formIframe").contentWindow.document.getElementsByClassName('van-radio van-radio--horizontal')[5]; XQ_vant_click.dispatchEvent(event); ZXTY_vant_click.dispatchEvent(event); SFLJ_vant_click.dispatchEvent(event); // 调用 Completion 以完成 completion(result);

至此，本文也就进入尾声了。希望本文能够起到抛砖引玉之效，也欢迎大家的批评交流。

如果您有任何疑问或者好的建议，期待你的留言、评论与关注！

【本文地址】

公司简介

联系我们