微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Micromodal.js

编程之家收集整理的这个编程导航主要介绍了Micromodal.js编程之家,现在分享给大家,也给大家做个参考。

Micromodal.js 介绍

该库的目的是以最少的配置使模式对话框易于访问,并易于包含在项目中。压缩后压缩后只有〜1.8kb的大小-一个小库,可进行大更改。 

特征

在打开和关闭之间切换相关的aria属性

在重叠点击时关闭模式

按下esc按键关闭模式

陷阱标签在模态中集中

专注于模式中的第一个可聚焦元素

关闭模态后保留焦点元素状态 

安装

via npm

npm install micromodal --save

via yarn

yarn add micromodal

via CDN direct link

<script src="https://cdn.jsdelivr.net/npm/micromodal/dist/micromodal.min.js"></script>

<!-- or -->

<script src="https://unpkg.com/micromodal/dist/micromodal.min.js"></script>

direct download

curl -o https://unpkg.com/micromodal/dist/micromodal.min.js

网站地址:https://micromodal.now.sh/

GitHub:https://github.com/ghosh/micromodal

网站描述:使用纯Js编写轻量级,可配置的模式对话框库

Micromodal.js

官方网站:https://micromodal.now.sh/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。