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

  • guau . .

    guau . .

    25 Ocak 2008
  • kamaniusilelis

    kamaniusilel

    10 HAZİRAN 2011
  • Tek Syndicate

    Tek Syndicat

    23 Temmuz 2008