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

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

效果展示：

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

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

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

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

1. 文本框

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

document.getElementById('ZY').value="需要填写的内容";

2. 单选按钮

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

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

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

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

3. 时间选择器

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

document.getElementById('JTSDJS').value="当前日期";

手动选择时间以获取时间表达格式：
在捷径（快捷指令）中将出发时间的当前日期参数格式设置为 yyyy-MM-dd HH:mm，返校时间的当前日期参数格式设置为 yyyy-MM-dd 23:00，即表示出发时间为填表时间，返校时间为当天的23:00

值得注意的是：

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

parent.document.getElementById(“formIframe”)

完整脚本：

var 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);

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

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

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

让一个网页打开的同时自动为另一个网页自动填写表单并提交
让一个网页打开的同时自动为另一个网页自动填写表单并提交 if you use "window.open" to open the window,you can ...
c语言自动填表chrome网页,Form Filler:自动填写表单
Form Filler的开发背景用户在使用Chrome浏览网页的时候经常会遇到一些需要用户填写的网页表单,这些表单中一般都包括个人姓名.联系方式等信息,而这些信息对于同一个用户来说一般都是一样的,每 ...
javascript 自动填写表单
在访问某些站点时,常常发现要填写一些没有实际意义但又必须得重复填写的表单,而且现在B/S的应用越来越多,下面的方法也许可以让你轻松点. 本文没有什么技术上创新,只要会一点Javascript的技术就可 ...
javascript网页自动填表_javascript 自动填写表单
在访问某些站点时,常常发现要填写一些没有实际意义但又必须得重复填写的表单,而且现在B/S的应用越来越多,下面的方法也许可以让你轻松点. 本文没有什么技术上创新,只要会一点Javascript的技术就可 ...
HtmlUnit自动填写表单并提交
场景:对网页的表单进行自动填写并提交,如登录框,和文章http://blog.csdn.net/fjssharpsword/article/details/51480475类似,不同的是这次butto ...
Qt自动填写表单并点击按钮，包括调用js方法
本篇博客参阅了很多其他大牛的文章,具体找不到了,还望包涵>_< 因为其他博客大都是只有主要代码,对于像我这种菜鸟,根本摸不着头脑,以此想总结一下,帮助新手尽快实现功能... 主要是调用了C ...
c语言写自动填写表单提交,利用C语言实现POST数据包如此简单【模拟网页提交表单】...
http://www.maben.com.cn/archives/212.html 利用C语言实现POST数据包如此简单[模拟网页提交表单] //*************************** ...
解决iphone填写表单时，表单项获取焦点时往下拉屏，导致顶部标题栏下滑错位...
$(function () {//解决iphone填写表单时,表单项获取焦点时往下拉屏,导致顶部标题栏下滑错位var u = navigator.userAgent;var isiOS = !!u.m ...
百度腾讯QQ等网站注册自动提交表单源码2012最新
闲的无聊的时候研究了下delphi网络模块.就简单模仿了下自动注册或者登陆网站这么一个功能来练手.闲话不多讲,代码奉上~ 以下是腾讯QQ的填写表单和自动提交代码,直供研究学习使用,不得用于其他用途啊~ ...
php 保存表单数据,使用jquery和php自动保存表单数据
我对PHP非常好,但是使用jQuery的总菜单,并且卡在自动保存表单数据中. 自动保存功能在dummy.php中每30秒调用一次.我正在将用于处理的序列化表单数据( – >数据库)发送到save ...