滑鼠選中文字變色

-moz-屬性字首是個火狐瀏覽器用的，而基本的::selection選擇器是給谷歌瀏覽器用的。跟其它css選擇器的用法一樣，你可以巢狀使用，在不同的地方顯示不同的顏色

1、兩種不同的顏色：

<

html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>新綠天設計部落格
title
>
<
style 
type
="text/css"
>
/*webkit 
*/p.lightblue::selection 
/*mozilla firefox 
*/p.lightblue::-moz-selection 
/*webkit 
*/p.pink::selection 
/*mozilla firefox 
*/p.pink::-moz-selection 
style
>
head
>
<
body
>
<
p>用滑鼠選中下面的文字，看看它們選中後是什麼顏色!
p>
<
h2>綠色
h2>
<
p class
="lightblue"
>自律由五條支柱支撐，它們分別是：認同事實（acceptance）、意志力（willpower）、面對困難（hard work）、勤奮（industry）以及堅持不懈（persistence）。如果你把每個詞的首個字母取出來，你便會得到「一條鞭子（a whip）」。這條鞭子便是鞭策你自律的關鍵。
p>
<
h2>粉紅
h2>
<
p class
="pink"
>自律由五條支柱支撐，它們分別是：認同事實（acceptance）、意志力（willpower）、面對困難（hard work）、勤奮（industry）以及堅持不懈（persistence）。如果你把每個詞的首個字母取出來，你便會得到「一條鞭子（a whip）」。這條鞭子便是鞭策你自律的關鍵。
p>
<
br/><
br/><
p><
a href
=""a>
p>
body
>
html
>

2、一樣的顏色

<

html
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>無標題文件
title
>
<
style 
type
="text/css"
>
/*webkit 
*/p::selection 
/*mozilla firefox 
*/p::-moz-selection 
style
>
head
>
<
body
>
<
p class
="lightblue"
>自律由五條支柱支撐，它們分別是：認同事實（acceptance）、意志力（willpower）、面對困難（hard work）、勤奮（industry）以及堅持不懈（persistence）。如果你把每個詞的首個字母取出來，你便會得到「一條鞭子（a whip）」。這條鞭子便是鞭策你自律的關鍵。
p>
body
>
html
>

滑鼠移動時禁止選中文字

在做乙個div移動的時候，mousemove的時候總是會選中其他地方的文字。在mousemove的handler函式裡加上e.preventdefault 只在chrome瀏覽器中選中文字被阻止。看了一些 之後，嘗試在mousedown的handler函式裡加上return false 就解決問題了...

滑鼠經過超連結文字變色

1 第一種方法 a href style text decoration none onmouseover j ascript this.style.color red onmouseout j ascript this.style.color black 測試文字 a 2 第二種方法 css a ...

js獲取滑鼠選中的文字

定義需要獲取的內容的節點 onclick selecttext 河中魚類離奇死亡，下游居民頻染怪病，沿岸植物不斷變異，是殘留農藥？還是生化攻擊？span 獲取選中的文字，我們使用window.getselection tostring 方法。如下 function selecttext catch ...