在Webkit浏览器中,可以使用以下方法来仅选择页面的部分:
user-select
:可以通过设置user-select
属性来控制页面中的文本是否可以被选择。将其设置为none
可以禁止选择文本,而设置为text
则允许选择文本。例如:body {
-webkit-user-select: none; /* 禁止选择文本 */
}
p {
-webkit-user-select: text; /* 允许选择文本 */
}
document.addEventListener('selectstart', function(e) {
e.preventDefault();
});
<div id="myDiv">
元素中的文本:var myDiv = document.getElementById('myDiv');
var range = document.createRange();
range.selectNodeContents(myDiv);
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
这样,当用户在Webkit浏览器中尝试选择页面内容时,只会选择到指定的部分。
请注意,以上方法仅适用于Webkit浏览器,如Chrome和Safari等。对于其他浏览器,可能需要使用不同的方法来实现相同的效果。
参考链接:
领取专属 10元无门槛券
手把手带您无忧上云