Question

我有一张桌子,Im允许用户选择多个行子。这一切都是通过“贱民”活动进行的,而一些社区服务公司则以直观方式表明行踪。当用户施加压力时,可以选择多个行文。有时,这一案文会得到强调。是否有办法防止这种情况?

Answer 1

这里有CSS3财产。

#yourTable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Answer 2

如果您的用户能够选择或选择贵网站的某些部分,你可以使用。

jQuery.fn.extend({ 
        disableSelection : function() { 
                return this.each(function() { 
                        this.onselectstart = function() { return false; }; 
                        this.unselectable = "on"; 
                        jQuery(this).css( user-select ,  none ); 
                        jQuery(this).css( -o-user-select ,  none ); 
                        jQuery(this).css( -moz-user-select ,  none ); 
                        jQuery(this).css( -khtml-user-select ,  none ); 
                        jQuery(this).css( -webkit-user-select ,  none ); 
                }); 
        } 
});

并将其用作:

// disable selection on #theDiv object
$( #theDiv ).disableSelection();

否则,你只能使用你档案中的这些特性:

#theDiv
 {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

Answer 3

就上文Cleiton的答复而言,只有一份说明——守则样本似乎运作良好,但为了在 j色世界中成为优秀公民,你在职能结束时应当归还 j物,以便使其具有链条——一个简单的一线添加装置:

jQuery.fn.extend({
    disableSelection : function() {
            this.each(function() {
                    this.onselectstart = function() { return false; };
                    this.unselectable = "on";
                    jQuery(this).css( -moz-user-select ,  none );
            });
            return this;
    }
});

希望这样做是有益的。

Answer 4

我简单地排除了利用转移钥匙所作的选择。这可能显示稍微微微微微小的微薄。

if (event.shiftKey) {
    window.getSelection().removeAllRanges()
}

Answer 5

你们可以尝试把重点放在选定的案文上——选择的失败。

$( #someEl ).focus();

Answer 6

如果你在你的网页上有“Jquery UI”的话,就应该加以利用。

    $("element-selector").disableSelection();

Answer 7

::-moz-selection { /* Code for Firefox */  
    color: black;  
    background: none;
}

::selection {  
    color: black;  
    background: none;  
}

from http://www.w3schools.com/cssref/sel_selection.asp
actually from the try-it section, after changing the values.
notice though that the cursor is still I shaped...

友情链接