Как выполнить функцию Javascript без "onclick", например "Grippie" в новом сообщении на SOF
Как выполнить функцию Javascript без onclick, например "Grippie", в новом сообщении на SOF, например <div class = "grippie" style = "margin-right: 59px;"/> в Stack Overflow, когда вы публикуете вопрос или ответ? У меня есть красивый курсор CSS, который позволяет мне узнать о подвижном крае, но как JavaScript, который изменяет размер поля, обнаруживает, что я нажал на «grippie»?
Редактировать: Спасибо за ответы, которые привели к jQuery и описали обработчик. Могу ли я просто использовать обработчик, который определяет, когда элемент нажат, например:
addListener('myElement',performFunction();).onclick;
или, однако, это может сработать?
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
Используемый на сайте JavaScript прослушивает события щелчка и ищет идентификатор элемента, с которым происходит взаимодействие. Затем сценарий либо проигнорирует событие, либо сделает что-нибудь, если идентификатор элемента является одним из ожидаемых объектов, требующих действий.
Если вы посмотрите на сгенерированный источник с помощью плагина Firefox Web Developer, вы увидите, что он добавляет DIV класса «grippie», используя TextAreaResizer, упомянутый @grepsedawk. Этот DIV имеет спрайт изменения размера для фона и прикрепленный к нему обработчик кликов, который выполняет изменение размера.
Я исследовал несколько методов, которые я опишу. Будем признательны за дальнейшие комментарии относительно того, что лучше. Цель состоит в том, чтобы скрыть прослушиватель 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