Appearance
保持文字选中状态
在某些情况下,我们希望在点击按钮时保持文字选中状态。可以使用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>
示例
在以下示例中,我们通过将按钮设置为不可选中,保持选中的文本状态: