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

  • the one am radio

    the one am r

    6 Mayıs 2006
  • UniqueApps

    UniqueApps

    4 Ocak 2009
  • WOSU Public Media

    WOSU Public

    23 AĞUSTOS 2007