Я хочу сделать на форме контекстную помощь. Для этого в html добавляю
<div class='helper'><a href='#' id='helper'>Контекстная помощь</a></div>
$('helper').onclick = startHelp;
function startHelp(evt){
evt.stopPropagation();
evt.preventDefault();
document.body.style.cursor = "help";
setTimeout(function(){document.body.onclick = Help;}, 30);
}
function Help(evt){
evt.stopPropagation();
evt.preventDefault();
document.body.onclick = '';
document.body.style.cursor = "default";
showHelp(evt.target.id);
}
Как можно решить эту проблему? Может быть, я что-то делаю не так? Или придется делать обработчик onmouseover/onmouseout, который будет при наведении мыши на элемент отменять его onclick, а при отводе - восстанавливать?