Bootstrap5 交互（Interactions）

bootstrap5
实用工具

交互

用于改变用户与网站内容的交互方式的实用类。

文本选择

改变用户与内容交互时的选择方式。

<p class="user-select-all">当用户点击时，这一段将完全被选中。</p>
<p class="user-select-auto">本段有默认选择行为。</p>
<p class="user-select-none">当用户点击时，该段将无法选择。</p>

在线运行

指针事件

Bootstrap提供了 pe-none 和 pe-auto类来防止或添加元素交互。

<p><a href="#" class="pe-none">此连接</a> 不能点击</p>
<p><a href="#" class="pe-auto">此链接</a> 能被点击 (默认).</p>
<p class="pe-none"><a href="#">此链接</a> 不能点击，是由于<code>pointer-events</code>属性是从其父级继承的，但是, <a href="#" class="pe-auto">此链接</a> 设置了 <code>pe-auto</code> 所以可以被点击</p>

在线运行