0

Как кроссбраузерно используя DOM можно добавить атрибут onClick и чтобы функция могла принимать параметры: например obj.setAttribute("onclick","play(1);"); не работает, а IE если писать obj.onclick=help; (функция без параметров) то всё работает, а если obj.onclick=play(2); то функция play(2); начинает сама исполняться ещё до нажатия (очевидно как в случае с var i=func(3) присваиванием возвращённого значения) а как, имея ссылку на объект динамически кроссбраузерно добавить атрибут onClick с функцией с параметром, чтоб функция исполнялась только при нажатии?

1
  • Очень плохо знаю js, но вроде бы надо опускать аргументы у функции play. obj.onclick=play;
    – culebre
    10 ноя 2011 в 6:47

3 ответа 3

2

Если использовать jQuery, то просто, у объекта ставите id="someID", а дальше:

$("#someID").click( function () {
    play(2);
} );

Без jQuery:

function setEvent(c, name, action) {
    if (c.addEventListener) {
            c.addEventListener( name, action, false );
    }
    else if (c.attachEvent) {
            c.attachEvent("on" + name, action);
    }
    else {
            c["on" + name] = action;
    }
}

Соответственно использование:

setEvent(document.getElementById("someID"), "click", function () { play(2); } );
3
  • лучше использовать jQuery.live("click", handler)
    – Spectre
    10 ноя 2011 в 6:53
  • А я спрашиваю как без Jquery и с параметрами ведь в Jquery это же както реализовали?
    – Rules
    10 ноя 2011 в 6:55
  • А я не когда не слышал про addEventListener и в книге моей нет этого спасибо!
    – Rules
    11 ноя 2011 в 4:46
1
obj.onclick = function(){ play(2); }

или

var help = function() { play(2); }
obj.onclick = help;
1
  • Спасибо единственное что нормально работает!
    – Rules
    10 ноя 2011 в 7:00
1

Без Jquery

function $(id) { return document.getElementById(id); }

document.onreadystatechange = function()
{
  $('someID').onclick = function()
    {
      //function
    }
}

Очень кроссбраузерно!

1
  • Тогда уж: document.onreadystatechange = function() { if (document.readyState == "complete") { ... } } 10 ноя 2011 в 8:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.