introjs 新手引导
最后更新于：2022-04-02 03:13:12
[TOC]
> [参考网址](https://introjs.com/)
## 引入
```
```
## 简单demo
`data-step`设置步骤,` data-intro`设置提示内容
```
第一步
不会被点击
第一步
```
## 使用js 设置
```
introJs().setOptions({
steps:[
{
element:document.querySelector("[data-step='1']"),
intro:" hello 
", }, { element:document.querySelector("[data-step='2']"), intro:"
", }], nextLabel:"→", prevLabel:"←", doneLabel:"完成", skipLabel:"跳过", }).start().onbeforeexit(function () { //点击遮罩退出 //code //return false; //false 不退出 }).oncomplete(function(){ //code }); ```
';
", }, { element:document.querySelector("[data-step='2']"), intro:"
", }], nextLabel:"→", prevLabel:"←", doneLabel:"完成", skipLabel:"跳过", }).start().onbeforeexit(function () { //点击遮罩退出 //code //return false; //false 不退出 }).oncomplete(function(){ //code }); ```