Javascript/CSS Désactiver le texte sélectionner

J'essaye de créer un bouton de texte en utilisant l'envergure simple et en formatant le texte et en fournissant le clic évident. Le problème est lorsqu'un utilisateur clique sur le bouton, il met parfois en évidence le texte du bouton.Javascript/CSS Désactiver le texte sélectionner

Je veux éviter un tel comportement, car il semble très laid quand le texte est sélectionné. Tout css/javascript/(jquery) je peux utiliser pour éviter cela?

Merci beaucoup pour votre temps.

Source

2009-05-28 Alec Smart

Je vois et souris quand toutes les mentions de javascript sont suffixées par "jquery". Parfois, j'ai l'impression que la communauté est en train de perdre le contact avec l'ancien javascript. – jrharshath

je ne suis pas hehehe – Ropstah

duplication possible de [règle CSS pour désactiver la mise en évidence de la sélection de texte] (http://stackoverflow.com/questions/826782/css-rule-to-disable-text-selection-highlighting) – Dan

spanid.onselectstart = function() {return false;} // ie 
spanid.onmousedown = function() {return false;} // mozilla

premier résultat sur Google en passant ...

supplémentaire

$('#spanid').selectstart(function(event) { 
    event.preventDefault(); 
});

Source

2009-05-28 09:53:21 Ropstah

jQuery est également très nice: voir poste .. – Ropstah

+1 pour une solution aussi simple :) Je ne savais pas que ce serait simple – jrharshath

Vous pouvez simplement écrire:

$('#spanid').disableSelection();

Source

2010-04-30 17:58:28 Elledan

juste pour clarifier, cela nécessite une bibliothèque jquery. – dwaz

Pour une solution CSS:

.unselectable { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; /* Isn't Konquerour dead? */ 
    -moz-user-select: -moz-none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

Mais, looking here, la solution CSS ne suffit pas à la fin de 2013, vous devriez donc ajouter du javascript. Il y a de bonnes réponses autour.

Source

2011-04-03 02:00:28 tlrobinson

Javascript/CSS Désactiver le texte sélectionner

Répondre

Questions connexes