在網(wǎng)頁開發(fā)中,有時(shí)候我們需要讓某個(gè)div不可選中,這里我們可以使用jQuery來實(shí)現(xiàn)。
下面是一個(gè)簡單的示例代碼:
<div id="not-selectable"> 這是一個(gè)不可選中的div </div> <script> $('#not-selectable').attr('unselectable', 'on') .css('user-select', 'none') .on('selectstart', false); </script>
以上代碼中,我們首先在html代碼中定義了一個(gè)id為"not-selectable"的div,然后在JavaScript代碼中,我們通過jQuery的attr()方法給這個(gè)div添加了"unselectable"屬性,并將其值設(shè)置為"on",這樣就可以禁止在該div上面進(jìn)行任何選擇操作了。
同時(shí),我們還使用了css()方法來設(shè)置該div的"user-select"屬性為"none",這樣當(dāng)用戶在該div上面點(diǎn)擊并拖動(dòng)時(shí)也無法選中其中的內(nèi)容。
最后,我們還可以通過on()方法來監(jiān)聽selectstart事件,并在該事件觸發(fā)時(shí)返回false,這樣也可以禁止選擇操作。至此,我們就成功地將該div設(shè)置為不可選中。