function getMouseEvent () {
return new MouseEvent('click', {
bubbles: true,
cancelable: true,
view: window,
})
}
function setValue () {
let inputValue = 1
// 普通输入事件
const inputEvt = new InputEvent('input', {
inputType: 'insertText',
data: inputValue++,
dataTransfer: null,
isComposing: false,
})
// 模拟键盘向下按键
const downEvt = new KeyboardEvent('keydown', {
bubbles: true, cancelable: true, keyCode: 40,
})
// 模拟键盘回车按键
const enterEvt = new KeyboardEvent('keydown', {
bubbles: true, cancelable: true, keyCode: 13,
})
// 遍历处理input框
const inputList = document.querySelectorAll('.el-input')
for (const i of inputList) {
// 在select以及日期框里面的不做处理
if (i.parentElement.classList.contains('el-select') || i.classList.contains('el-date-editor')) {
continue
}
const inpEle = i.querySelector('.el-input__inner')
inpEle.value = inputValue
inpEle.dispatchEvent(inputEvt)
}
// 遍历处理textarea框
const textareaList = document.querySelectorAll('.el-textarea')
for (const i of textareaList) {
const inpEle = i.querySelector('.el-textarea__inner')
inpEle.value = inputValue++
inpEle.dispatchEvent(inputEvt)
}
/**
* 遍历处理select，模拟 点击-向下按键-回车按键
*/
const selectInputList = document.querySelectorAll('.el-select>.el-input')
for (const inpEle of selectInputList) {
inpEle.dispatchEvent(getMouseEvent())
inpEle.dispatchEvent(downEvt)
inpEle.dispatchEvent(enterEvt)
}
// 处理radio，默认选中第一个
const radioList = document.querySelectorAll('.el-radio-group')
for (const item of radioList) {
item.firstElementChild.dispatchEvent(getMouseEvent())
}
// 处理checkbox，默认选中第一个
const checkboxList = document.querySelectorAll('.el-checkbox-group')
for (const item of checkboxList) {
if (!item.firstElementChild.classList.contains('is-checked')) {
item.firstElementChild.dispatchEvent(getMouseEvent())
}
}
}
// 界面上右下角添加一个按钮
(function () {
setValue()
const btn = document.createElement('input')
btn.type = 'button'
btn.style.position = 'fixed'
btn.style.bottom = '100px'
btn.style.right = '100px'
btn.style.zIndex = '9999'
btn.classList.add('el-button')
btn.classList.add('el-button--primary')
btn.value = '批量赋值'
btn.onclick = function () {
setValue()
}
document.body.appendChild(btn)
})()
评论0