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

  • HTC Tutorials

    HTC Tutorial

    21 EYLÜL 2010
  • sk8ingis4me

    sk8ingis4me

    16 Mart 2006
  • UCBerkeley

    UCBerkeley

    3 Mayıs 2006