在雙擊左右箭頭,快速切換圖片滾動(dòng)時(shí),會(huì)選擇附近區(qū)域的文字,感覺不是很好,今天在同事在分享時(shí),講到了這個(gè)問題, 試了一下,不錯(cuò),解決了問題。
IE及Chrome下的方法一樣,對(duì)相應(yīng)的元素添加onselectstart=”return false;”但是,這個(gè)在火狐下不起作用,但是火狐下可以用css樣式來達(dá)到這個(gè)效果,即添加-moz-user-select:none;就可以兼容ie,google,firefox了,即代碼如下所示:
<div class=”picBox” onselectstart=”return false;” style=”-moz-user-select:none;”>屏蔽雙擊選中文字的區(qū)域</div>
這樣這個(gè)區(qū)域的文字都不能選中了,就也不會(huì)出現(xiàn)在雙擊左右箭頭快速切換圖片滾動(dòng)時(shí)會(huì)選擇附近區(qū)域文字的情況了
如果把
<body onselectstart=”return false”>
和
body
{
-moz-user-select: none;
}
添加到body中,就實(shí)現(xiàn)了禁止用戶選中頁面上內(nèi)容的效果
css禁止雙擊頁面選中文本
-ms-user-select 屬性是一個(gè)新的級(jí)聯(lián)樣式表 (CSS) 屬性,它使 Web 開發(fā)人員和應(yīng)用開發(fā)人員能夠控制用戶在其網(wǎng)頁或使用 JavaScript 的 Windows 應(yīng)用商店應(yīng)用中選擇文本的位置。 本主題介紹如何在你自己的網(wǎng)頁上實(shí)施 -ms-user-select 屬性。(采用完全相同的方法在使用 JavaScript 的 Windows 應(yīng)用商店應(yīng)用中實(shí)施 -ms-user-select 屬性。)它包含以下幾部分:
Note user-select 屬性當(dāng)前不是任何萬維網(wǎng)聯(lián)合會(huì) (W3C) CSS 規(guī)范的一部分。該屬性最初是在 CSS3 的用戶界面模塊中提出的,但是該模塊已被不包含 user-select 屬性的 CSS3 基本用戶界面模塊所取代。其他主要的瀏覽器支持帶有其各自前綴的此屬性版本。這三個(gè)實(shí)現(xiàn)之間存在細(xì)微區(qū)別,因此請(qǐng)確保在不同的瀏覽器中測(cè)試你的應(yīng)用程序。
簡(jiǎn)介
在網(wǎng)頁上選擇文本的功能在許多用戶方案中非常重要。請(qǐng)考慮一個(gè)典型的新聞?wù)军c(diǎn)。大多數(shù)頁面包含新聞文章,由于用戶希望共享內(nèi)容而想要選擇文章的內(nèi)容。但是,頁面還可能包含用戶不需要或不希望選擇的菜單、廣告和指向站點(diǎn)其他部分的鏈接。Internet Explorer 10 中引入對(duì)新 -ms-user-select CSS 屬性的支持以后,你可以指定允許在何處使用文本選擇功能,例如在新聞文章的正文中允許使用,但在菜單中不允許使用。
使用 -ms-user-select
-ms-user-select 屬性具有四個(gè)可能值:
關(guān)鍵字 Description
element 在指定的元素內(nèi)啟動(dòng)選擇時(shí),文本是可選擇的。但是,文本選擇限制在該元素的邊界內(nèi)。
none 在指定的元素內(nèi)啟動(dòng)選擇時(shí),文本不可選擇。但是,在指定的元素之外啟動(dòng)的文本選擇仍可輸入元素。
新聞熱點(diǎn)
疑難解答
圖片精選