持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第13天，点击查看活动详情
前端 html 代码
后面栗子主要以这个页面为主哦
.type() 基础介绍
在 DOM 元素中输入内容
语法格式
**
// 输入文本
.type(text)
// 带参数输入文本
.type(text, options)
正确写法
宗旨： 先获取 DOM 元素，再对 DOM 元素进行 type 操作
错误写法
调用 type() 命令的都不是 DOM 元素，所以错误！
.type() 基础的栗子
输入正常文本的栗子
测试文件代码
测试结果
输入特殊字符的栗子
那么还支持哪些特殊字符呢？
带参数输入文本的栗子
有哪些参数可以传递呢？
测试文件代码
**
// 单个参数
.type("{selectall}", {parseSpecialCharSequences: false})
// 多个参数
.type("1234", {log:false , parseSpecialCharSequences: false})
测试结果
.type() 更多的栗子
html 代码
下面举的栗子以这个 html 页面的元素为基础哦
标签的栗子
测试文件代码
测试结果
标签的栗子
测试文件代码
测试结果
type = 时间类型的 input 标签的栗子
- <input type="date">
- <input type="month">
- <input type="week">
- <input type="time">
测试文件代码
测试结果
.type() 结合键盘键的栗子
继续以上面栗子的 html 页面为基础
有哪些键盘架可以结合呢？
- {alt}
- {shift}
- {ctrl}
具体用法
// 等同于按 shift + alt + q
cy.get('input').type('{shift}{alt}Q')
// 按住 shift，然后输入 test
cy.get('input').type('{shift}test')
说实话，我试过感觉没生效啊，按道理按住 shift 键输入内容应该是大写的，但是实际还是小写，后面再研究一波 （感觉有点鸡肋，实际场景比较少用到又要按键盘又要输入内容，了解即可）
.type() 支持哪些元素调用
<body>
<textarea>
<input> 标签，且 type 属性是以下其中一个
- text
- password
- number
- date
- week
- month
- time
- datetime-local
- search
- url
- tel
.type() 会触发的事件 event
当传入了特殊字符、键盘键时，只触发了 keydown 事件
当传入了内容字符时，每个字符都会触发一系列的事件
- keydown
- keypress
- textInput
- input
- keyup
clear 作用
- 一看就知道是清空输入框的所有内容
- 有趣的是， .clear() 等价于 .type("{selectall}{backspace}")
语法格式
**
.clear()
.clear(options)
正确用法
宗旨：需要先拿到 DOM 元素，且是 或 标签，再执行 clear() 操作
错误写法
