2012-04-20 51 views
7

我在我的網頁上有一個表格,其上有複選框。 我有jQuery代碼,允許我轉移點擊檢查多行進行編輯/刪除。 但是,當我移動單擊以選擇範圍內的範圍內的所有文本被突出顯示。停止移位點擊突出顯示文本

有什麼辦法使用jQuery或CSS來停止突出顯示文本?

- 編輯 -

HTML code 
... 
<tbody> 
    <tr> 
    <td> 
     <input type="checkbox"> 
    </td> 
    <td> 
     <div class="cam_ip">192.168.200.78</div> 
    </td> 
    </tr> 
    <tr> 
    <td> 
     <input type="checkbox"> 
    </td> 
    <td> 
     <div class="cam_ip">192.168.200.250</div> 
    </td> 
    </tr> 
</tbody> 

可以有行的x量。 當我點擊一行,jQuery的作品被標記爲一個錨點,然後當我移動點擊另一行時,它被標記爲錨範圍,然後調用一個函數,它將遍歷範圍內的每一行,使其檢查。 使用e.shiftClick();的副作用是該範圍內的所有文本都被突出顯示。我需要停止這種副作用。

+2

任何源代碼? – sp00m 2012-04-20 13:51:48

+1

你必須告訴我們你的代碼+你使用哪個插件。 – gdoron 2012-04-20 13:52:40

回答

6

CSS版本

user-select: none; 
-webkit-user-select: none; 
-moz-user-select: none; 

也是可能的相關問題How to disable text selection highlighting using CSS?

一年後編輯(從評論集):

同事指出了這一點Is there a way to make text unselectable on an HTML page? - 使用在任何unselectable="on"你想不可選

+0

這段代碼適用於除IE之外的所有瀏覽器,我嘗試將'user-select:none;'更改爲'ms-user-select:none;'但仍然沒有運氣。你知道這種情況發生的原因嗎? – DarylF 2012-04-23 07:35:11

+0

看來,-ms-user-select在IE10中是新的http://ie.microsoft.com/testdrive/HTML5/msUserSelect/既然是這種情況,我想它根本不支持 2012-04-23 18:18:17

+3

同事指出了這一點http://stackoverflow.com/questions/69430/is-there-a-way-to-make-text-unselectable-on-an-html-page使用'unselectable ='on''在任何你不想選擇 – 2012-04-24 13:25:20