wie zu block text-Auswahl ohne input, textarea und select-Elemente

Wie block text-Auswahl ohne input, textarea und select-Elemente
eigentlich habe ich das script funktioniert im IE aber nicht in anderen Browsern, hier ist es:

 var omitformtags=["input", "textarea", "select"]
 omitformtags=omitformtags.join("|")
 function disableselect(e){
  if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
   return false
  }
 function reEnable(){
   return true
  }

 if (typeof document.onselectstart!="undefined")
  document.onselectstart=new Function ("return false")
 else{
  document.onmousedown=disableselect
  document.onmouseup=reEnable
 }
  document.onmousedown=click;
  function click()
 {
  if ((event.button==2) || (event.button==3)) { alert("Yazı Kopyalayamazsınız!");}

 }

ich zur Arbeit muss es den gleichen Weg in andere Browser, muss es ein fertig script, nur konnte Sie nicht finden im Netz..

  • also, was meinst du mit deiner Frage
  • ich muss block auf die gleiche Weise auf anderen Browsern ist es nicht offensichtlich?
InformationsquelleAutor Bato Dor | 2011-01-11
  1. 4
    <div onmousedown='return false;' onselectstart='return false;'></div>

    onmousedown deaktiviert die Auswahl für Firefox, Safari, Opera, Chrome und die meisten anderen web-Browsern, onselectstart für den IE.

    Obwohl deaktivieren die Auswahl von text-und Kontext-Menüs ist sehr schlechter Stil und nicht verhindern, dass die pro-Benutzer wählen Sie Ihren text. Einfach deaktivieren Sie JavaScript in Ihrem Browser können Sie die Auswahl wieder.

    • Die Frage ist nicht, über divs, aber über Eingänge. Dies funktioniert für divs - für mich - nicht aber für die Eingänge. Gibt es eine Möglichkeit, dies zu tun für Eingänge?
    InformationsquelleAutor acme
  2. 2

    Aktualisiert, meine Antwort zu mehr Klarheit:

    Browser können deaktivieren Sie die Auswahl mithilfe von css-Stilen durch spezielle element-Attribut. Dieser Weg ist besser:

    • keine Skript-Unterstützung
    • keine Angst, der Nutzer deaktiviert das Skript und Kopien von Inhalten, die Sie braucht
    • elegante Lösung

    Opera und IE ignoriert solche einen Stil, aber es ist html-element-Attribut nicht auswählbare, die verweigert auswählen. Versuchen Sie die folgende Seite (ich habe das getestet in IE8, FF3.6, Safari5, opera11, Chrome8):

    <html>

<head>

<style>

.unselectable {
    -moz-user-select: none; /* for FireFox */
    -webkit-user-select: none; /* for Chrome and Safari */
    -khtml-user-select: none; /* probably old webkit browsers, but new support it too */
    user-select: none; /* for future CSS3 compliant browsers */
}

</style>

</head>

<body>

<!-- add unselectable class to deny selecting in FF, Chrome, Safari and CSS3 compliant browsers -->
<!-- add unselectable attribute to deny selecting in Opera and IE -->
<div class="unselectable" unselectable="on">test</div>

</body>

</html>

    Für weitere Informationen besuchen Sie auf dieser Seite. Jetzt können Sie wählen Sie die beste option für Sie zu verwenden/zu mantain. Eine weitere Zeit - diese Lösung ohne javascript überhaupt und sollte imho mehr sicher ist (wenn Sie Bearbeiten können html\css-Seiten und müssen nicht dynamisch sein. ansonsten können Sie versuchen, hinzufügen einer css-Klasse\element-Attribut per javascript..)

    • was für ein Schmerz. es sollte wirklich eine Art zu sagen: "erlauben input-und textarea-Feld Inhalte ausgewählt werden, sonst nicht erlauben die Auswahl auf andere Elemente". mir ist egal, ob fortgeschrittene Benutzer können immer noch auf text. was mir wichtig ist, dass bei drag-and-drop-Typ UIs vor allem möchte ich nicht non-input-Elemente, die immer ausgewählt. scheint vernünftig, aber irgendwie ist es sehr schwierig zu erreichen.
    • gut, aber wie die javascript-Lösung können Sie ändern Sie die css-Datei mit der chrome inspector einfach zu überprüfen element überprüfen Sie die Klasse "nicht auswählbare" und entfernen Sie es,... als die javascript-Lösung funktioniert nicht für Entwickler und ernsthafte Fortschritte Nutzer... :S lol...
    • Die Frage ist nicht, über divs, aber über Eingänge. Dies funktioniert für divs - für mich - nicht aber für die Eingänge.
    • Blick auf Ihren link, user-select wird nicht unterstützt, durch die Eingänge. Also das ist ein Mist 🙁
    InformationsquelleAutor Maxym
Schreibe einen Kommentar