Skip to content

文本选中事件处理

🕒 Published at:

保持文字选中状态

在某些情况下,我们希望在点击按钮时保持文字选中状态。可以使用mousedown事件替代click事件,或者使用CSS和HTML属性使元素不可选中。

实现步骤

CSS样式

css
.unselectable {
  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

HTML结构

html
<div id="save" unselectable="on" class="unselectable">
  <img src="the_save_button.jpg" height="50" width="50" unselectable="on" />
</div>

示例

在以下示例中,我们通过将按钮设置为不可选中,保持选中的文本状态:

Demo链接

参考资料