<div class="container">
<div class="item1">text text text in div 1</div>
<div class="item2">text text text in div 2</div>
</div>
是否有可能(通过任何 HTML 节点、CSS 或 JS)防止选择 div.item2 中的文本,如果选择从 div.item1 中的文本开始,反之亦然 - 从 div.item2 开始并限制到它(防止选择 item1 表单)?
最佳答案
我用一些 jQuery 代码想到了这个:
let $items = $(".item")
$items
.mousedown( function() {
$(this).siblings().css({ "user-select" : "none" , color : "lightgrey"})
})
.mouseup( function() {
$items.css({ "user-select" : "auto" , color : "black"})
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
<div class="item">text text text in div 1</div>
<div class="item">text text text in div 2</div>
<div class="item">text text text in div 3</div>
<div class="item">text text text in div 4</div>
</div>
关于javascript - 是否可以将文本选择限制为当前元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48905997/