::-webkit-selection
时间: 2023-10-31 09:57:25 浏览: 64
在CSS中,:::-webkit-selection用于修改WebKit浏览器中选中文本的样式。 请注意,这个选择器只能在支持WebKit的浏览器(如谷歌Chrome、苹果Safari)中使用。 不支持在Webkit/Firefox中进行多文本选择。 如果你想在选中文本时触发事件,你可以使用以下代码:
```
$(document).bind('textselect', function(evt, string, element) {
if (string !== "") {
alert('Selected text (' + element.tagName + '): ' + string);
}
});
```
这段代码会在选中文本时触发一个textselect事件,并显示选中的文本内容和所在元素的标签名。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [JS 字体被选中样式更改](https://blog.csdn.net/weixin_40532650/article/details/112992357)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [CSS3自定义滚动条样式 ::-webkit-scrollbar](https://blog.csdn.net/weixin_42192113/article/details/120345479)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [jquery-text-selection-special-event:每次在网页中选择文本时都会触发jQuery自定义特殊事件的jQuery插件](https://download.csdn.net/download/weixin_42114580/18842239)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]