在CSS中,可以使用user-select
屬性來防止文本被選中。user-select
屬性定義了用戶是否可以選擇文本。
如果你想要防止所有的文本被選中,你可以使用以下CSS規(guī)則:
{ user-select: none; }
這將會使所有的文本都無法被選中,如果你只想防止特定元素的文本被選中,你可以將選擇器替換為你想要的元素,如果你只想防止p
元素的文本被選中,你可以使用以下CSS規(guī)則:
p { user-select: none; }
你還可以使用JavaScript來動態(tài)地更改user-select
屬性,你可以使用以下JavaScript代碼來防止文本被選中:
document.body.style.userSelect = 'none';
這將會使整個頁面的文本都無法被選中,如果你只想防止特定元素的文本被選中,你可以將選擇器替換為你想要的元素,如果你只想防止p
元素的文本被選中,你可以使用以下JavaScript代碼:
document.getElementsByTagName('p')[0].style.userSelect = 'none';
代碼只會防止***個p
元素的文本被選中,如果你想要防止所有p
元素的文本被選中,你可以使用以下JavaScript代碼:
var ps = document.getElementsByTagName('p'); for (var i = 0; i < ps.length; i++) { ps[i].style.userSelect = 'none'; }
希望這些方法對你有所幫助!