蘋果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);
至此，本文也就進入尾聲了，希望本文能夠起到拋磚引玉之效，也歡迎大家的批評交流，
如果您有任何疑問或者好的建議，期待你的留言、評論與關注！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/162616.html
標籤：其他
上一篇：微信小程式授權登陸
下一篇：詳細介紹正則運算式