Как вы выполняете функцию Javascript без «onclick», как «Grippie» в новом сообщении о SOF

Question

Как выполнить функцию Javascript без onclick, например "Grippie" в новом сообщении о SOF, например <div class="grippie" style="margin-right: 59px;"/> в переполнении стека при публикации вопроса или ответа? Я получаю хороший CSS-курсор, который позволяет мне узнать о подвижном ребре, но как JavaScript, изменяющий размеры поля, узнает, что я нажал на «Grippie»?

Edit: Спасибо за ответы, которые приводят к jQuery и описывают обработчик. Могу ли я иметь простое использование обработчика, который определяет, когда элемент нажимается, например:

addListener('myElement',performFunction();).onclick;  

или как это может работать?

Answer 1

Если вы посмотрите на сгенерированный источник с помощью плагина Firefox Web Developer, вы увидите, что он добавляет DIV класса «grippie», используя TextAreaResizer, упомянутый @grepsedawk. Этот DIV имеет спрайт изменения размера для фона и к нему прикреплен обработчик щелчка, который выполняет изменение размера.

Answer 2

Я исследовал несколько методов, которые я опишу. Будем благодарны за дальнейшие комментарии относительно того, что лучше. Цель состоит в том, чтобы скрыть прослушиватель «onClick» от сгенерированного источника.

document.getElementById('ID').addEventListener('click',function();,false);  
//Problems: Has to be terminated and false/true is something tricky I don't understand yet (please see link I post)

document.getElementById('ID').onclick = function();
//Problems: Cannot be terminated directly and heirachy issue where function including 'this' keyword applies to the child divs or something (please again see link I post)

//an iterartion of setInterval(checkFunction,interval);
//Problems: Very very slow and in most cases requires an onClick to check for a change anyway!

Таким образом, в конце моего исследования этот веб-сайт вышел на первое место благодаря тому, что очень хорошо объяснил, как можно эффективно подключить eventListeners в Java: http://www.howtocreate.co.uk/tutorials/javascript/domevents

Answer 3

http://plugins.jquery.com/project/TextAreaResizer

Answer 4

JavaScript, используемый на сайте, прослушивает события нажатия и ищет идентификатор элемента, с которым взаимодействует. Затем сценарий либо проигнорирует событие, либо выполнит что-либо, если идентификатор элемента является одним из ожидаемых объектов, требующих действия.