SORU
24 ŞUBAT 2010, ÇARŞAMBA


HTML seçimini engellemek

HTML bir sayfada bir div var ve fare tuşuna basın ve hareket zaman, "alamam" gibi imleç bir şey seçer. gösterecektir Seçimi devre dışı bırakmak için bir yolu var mı? CSS kullanıcı seçin başarılı olamadı hiçbiri ile çalıştım.

CEVAP
24 ŞUBAT 2010, ÇARŞAMBA


user-select mülkiyet çeşitleri en modern tarayıcılarda çalışır:

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

YANİ < 10 ve Opera, unselectable olmak istediğiniz öğe unselectable özniteliği kullanmanız gerekir. Bu HTML: bir öznitelik kullanarak ayarlayabilirsiniz

<div id="foo" unselectable="on" class="unselectable">...</div>

Ne yazık ki bu özelliği, <div> içindeki her elemanın başlangıç etiketi özniteliği koymak var, yani kalıtsal değildir. Eğer bu bir sorunsa, JavaScript özyinelemeli olarak bir elemanın torunları için bunu yapmak yerine kullanabilirsiniz:

function makeUnselectable(node) {
    if (node.nodeType == 1) {
        node.setAttribute("unselectable", "on");
    }
    var child = node.firstChild;
    while (child) {
        makeUnselectable(child);
        child = child.nextSibling;
    }
}

makeUnselectable(document.getElementById("foo"));

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Lin Steven

    Lin Steven

    17 EKİM 2006
  • TheMasterOfHell100

    TheMasterOfH

    13 AĞUSTOS 2011
  • Valdorsha

    Valdorsha

    8 Mayıs 2006