原文:JS與CSS阻止元素被選中及清除選中的方法總結

有時候,我們希望阻止用戶選中我們指定區域的文字或內容。 舉個栗子,有時候用戶在一個區域執行頻繁的點擊操作,一不小心傲嬌地點多了,就會選中當前區域的內容。 再舉個栗子,制作輪播組件的時候,點擊下一頁,若點擊的快的話,瀏覽器會識別為雙擊。 雙擊的默認效果是選中整片區域,這時候輪播圖組件就會被表示憂郁的藍色幕布蓋住,多憂桑啊 你看,這妹子多贊啊,可是你一緊張就亂點下一張的話,就變成醬紫了: 不過別怕,給 ...

2017-08-03 15:37 0 1524 推薦指數:

查看詳情

JS魔法堂:阻止元素被選中

一、前言                             在為IE5.5~9polyfill HTML5新特性placeholder時需要阻止元素被選中,因此在網上、書上查閱相關資料,記錄在此以便日后查閱。 二、IE10+實現方式──CSS ...

Wed Aug 27 15:38:00 CST 2014 2 3590
CSS設置文字不能被選中

/*設置文字不能被選中 以下為css樣式*/ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; ...

Tue May 23 00:07:00 CST 2017 0 22520
css設置頁面內容不能被選中

瀏覽網頁的時候,會遇到某些想要復制的文字不能選中 我們如果想要實現這個效果,只需要對包含這部分文字的標簽設置一個css屬性 user-select:none 但是低版本的IE瀏覽器無效,想要實現這個效果,可以用標簽屬性onselectstart="return false;"來實現 ...

Tue Sep 10 22:08:00 CST 2019 0 764
CSS-禁止文本被選中

pc端: 移動: js方法: 在需要禁止的dom上添加這段代碼,兩種方法對於安卓和IOS的支持沒有單獨測試過。兩個同時使用,對於安卓和IOS可以起到禁止作用。 ...

Wed May 22 19:22:00 CST 2019 0 5792
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM