如果用户在它之外单击，如何防止模式（使用 Bulma CSS 框架）关闭？

Question

Bulma是一个纯 CSS 框架，不提供 JavaScript。话虽如此，我将如何添加 JavaScript 以防止模式组件（特别是卡片变体）在用户点击模式外部时被关闭，或者如果他们敲击ESC键盘则阻止它关闭？

Answer 1

在示例中，他们可能对这种行为进行了编码。布尔玛不包括它。要激活模态，只需在 .modal 容器上添加 is-active 修饰符。只要您自己不删除 is-active 修饰符，模态就会保持打开状态。