проверка onselectstart с помощью JavaScript в W3C - PullRequest
Новая
       7

проверка onselectstart с помощью JavaScript в W3C

0 голосов
/ 13 января 2010

Я действительно очень плохо знаком с javascript, и пытаюсь проверить переход страницы на xhtml Я использую onselectstart = "return false"

Так что я понимаю, что хочу создать функцию javascript, которая будет вставлять это как идентификатор Я даже нашел это http://www.webmasterworld.com/javascript/3054096.htm, и он понял, как это сделать.

Он помещает нагрузку в тело и устанавливает идентификаторы. Могу ли я сделать это с помощью класса и не устанавливать конкретные идентификационные номера?

Ответы [ 3 ]

2 голосов
/ 13 января 2010

Вы можете использовать метод document.getElementsByClassName, но он пока не является стандартным (он будет частью HTML5 ), вы можете быть полностью уверены, что он будет не работает в любой версии IE , некоторые современные браузеры предоставляют встроенную реализацию, но если она недоступна, проверка цикла для определенного класса, который вы ищете, можетготово.

Я лично использую следующую функцию, вдохновленную реализацией Дастин Диаз : 

function getElementsByClassName(node,classname) {
  if (node.getElementsByClassName) { // use native implementation if available
    return node.getElementsByClassName(classname);
  } else {
    return (function getElementsByClass(searchClass,node) {
        if ( node == null )
          node = document;
        var classElements = [],
            els = node.getElementsByTagName("*"),
            elsLen = els.length,
            pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)"), i, j;

        for (i = 0, j = 0; i < elsLen; i++) {
          if ( pattern.test(els[i].className) ) {
              classElements[j] = els[i];
              j++;
          }
        }
        return classElements;
    })(classname, node);
  }
}

Затем вы можете использовать ее следующим образом: 

window.onload = function () {
  var returnFalse = function () { return false; },
      els = getElementsByClassName(document, 'yourClassName'),
      n = els.length;

  while (n--) {
    els[n].onselectstart = returnFalse; 
  }
};
0 голосов
/ 13 января 2010

Ни одно из перечисленных выше решений не помогло мне, хотя я уверен, что это произошло из-за ошибки пользователя. У нас уже запущен Jquery, и оказалось, что он уже настроен для этого. Мы использовали этот код в разделе head, и он прекрасно работает! 

<script language="javascript" type="text/javascript">
$(document).ready(function() {
//alert($(".unselectable").length)
var returnFalse = function () { return false; },
els = $(".yourClassNameHere"),
n = els.length;
while (n--) {
els[n].onselectstart = returnFalse;
}
});
</script>
0 голосов
/ 13 января 2010

РЕДАКТИРОВАТЬ - Этот измененный ответ включает мой предыдущий ответ с ответом, предоставленным CMS.

Этот код работает в IE 6/7/8: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>test page</title>
    <script type="text/javascript" language="javascript">
        window.onload = function() {
            var elements = getElementsByClassName(document, 'noselect');
            for (var i = 0; i < elements.length; i++) {
                elements[i].attachEvent('onselectstart', rfalse);
            }
        }

        function rfalse() { return false; }

        function getElementsByClassName(node, classname) {
            if (node.getElementsByClassName) { // use native implementation if available
                return node.getElementsByClassName(classname);
            } else {
                return (function getElementsByClass(searchClass, node) {
                    if (node == null)
                        node = document;
                    var classElements = [],
                els = node.getElementsByTagName("*"),
                elsLen = els.length,
                pattern = new RegExp("(^|\\s)" + searchClass + "(\\s|$)"), i, j;

                    for (i = 0, j = 0; i < elsLen; i++) {
                        if (pattern.test(els[i].className)) {
                            classElements[j] = els[i];
                            j++;
                        }
                    }
                    return classElements;
                })(classname, node);
            }
        }
    </script>
</head>
<body>
    <h2 class='noselect'>
        this text cannot be selected
    </h2>
    <h2>
        this text can be selected
    </h2>
    <h2 class='noselect'>
        this text cannot be selected
    </h2>
</body>
</html>
...