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

  • glowpinkstah

    glowpinkstah

    16 Mayıs 2006
  • HowcastFoodDrink

    HowcastFoodD

    21 EYLÜL 2010
  • Moto Journal

    Moto Journal

    28 Mayıs 2007