cursor

<div style="cursor: allowed;">
  禁用内容
</div>

通过设置 cursor: allowed; 当鼠标放在测试内容上，鼠标图样将转变为“禁用”，但仅仅是改变样式，并没有禁选效果。

user-select

<div class="not-select">
  禁用内容
</div>

<style>
  .not-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Standard syntax */
  }
</style>

通过设置 user-select: none; 可以禁止内容被选中。

-webkit-user-drag

<div class="not-select">
  禁用图片<img ... />
</div>

<style>
  img {
    -webkit-user-drag: none;
    user-select: none; /* 配合禁止选中，图片将完全不能拖拽 */
  }
</style>

通过设置 -webkit-user-drag: none; 和 cursor: allowed; ，可以禁止图片被拖动。

tabindex

<div tabindex="-1">
  禁止 focus
</div>

通过在 Dom 标签上设置 tabindex="-1" ，可以禁止通过键盘 Tab 按键获取当前 Dom 的焦点。

笔记主要为自用，欢迎友好交流！