<div :contenteditable="true" v-html="`<span style='user-select:none !important; cursor: pointer;'>1111111111</span>`" /> 这段代码为何user-select 不起作用
时间: 2024-01-21 13:19:11 浏览: 151
vue-input-contenteditable:您期望`具有相同的功能`,但位于`contenteditable` Vue组件中
`user-select` 属性控制用户是否可以选择文本。但是在这段代码中,你使用了 `contenteditable` 属性来设置元素可编辑,这会覆盖 `user-select` 的效果。如果你想要禁止用户选择文本,可以在 JavaScript 中添加以下代码:
```js
document.querySelector('div').addEventListener('selectstart', function(e) {
e.preventDefault();
});
```
这将阻止用户选择文本。
阅读全文