События в opera с contentEditable
 

Нужно подсчитать количество символов в блоке с contentEditable. Я использовал события Oninput и onpropertychange, но ни одно из них не работает в opera на блоках с атрибутом contentEditable.
Как обойти?

а что свойства .textContent, .innerText не работают чтоль?

События oninput и Onpropertychange не работают.
Я ловлю именно эти события, т.к. нужно еще убрать теги и другие ненужные символы.
Ко всему прочему, contentEditable не имеет, насколько я знаю, максимальной длины символом, поэтому приходится еще и принудительно урезать строку. Т.е. заменять полностью текст, и при событии скажем keypress каретка уходит

Решил попробовать выровнять все это дело с помощью объекта range, но никак не пойму почему так работает
console.dir(document.createRange());

а так не работате
console.dir(document.getElementsByClassName("my_cl ass")[0].createRange());

Подскажите, пожалуйста.

Хотя document.getElementsByClassName("my_class")[0], существует

а спецификацию почитать сложно?
у элементов нет метода createRange, что бы юзать его для конкретного элемента нужно явно его указать. Методы объекта Range почти все принимают в качетсве первого аргумента ссылку на элемент: http://www.w3.org/TR/DOM-Level-2-Tra...ange-Interface

Я здесь читаю, http://learn.javascript.ru/vydelenie...�роме-ie-9, c английским плохо у меня, а как переводит translate.google, так лучше и вовсе не читать.
Объясните, пожалуйста, что значит указать явно.

var node = document.getElementsByClassName("my_cl ass")[0];

var range = document.createRange();
range.setStart(node, 10);

даже по ссылке что вы читаете, это ясно написано и даже с примерами.. читайте внимательнее

ну вот пример, как бы рабочий должен быть

var root = document.getElementById('ex2');

// Найдем контейнеры граничных точек (в данном случае тестовые)

var start = root.getElementsByTagName('h2')[0].firstChild;

var end = root.getElementsByTagName('p')[0].firstChild;

if (root.createRange) {

// Создаем Range

var rng = root.createRange();

Но вот не рабочий пример с этой страницы

var root = document.getElementById('post_message_244584');
var rng = root.createRange();
TypeError: Object #<HTMLDivElement> has no method 'createRange'

В чем разница?

Причем в ВАшем примере корневой контейнер window.document

А в примере по ссылке div

да не нужно создавать объект у элемента.. Ошибка вам что совсем ни о чем не говорит? нету этого метода у элементов, это метод есть только у документа.

это в учебнике является опечаткой или ошибкой.. все остальное сделано правильно. замените строку:
var root = document.getElementById('ex2');
на вот такую:
var root = document;

Да, спасибо за ответ. Теперь ясно.

И подскажите, почему еще так не работает

var rng = document.createRange();
rng.setStart(document.getElementsByClassName("my_c lass")[8],0);
rng.setEnd(document.getElementsByClassName("my_cla ss")[8],5);