JavaScript: имитировать щелчок по ссылке

Question

У меня есть ссылка, которая имеет слушатель, прикрепленный к нему (я использую YUI):

YAHOO.util.Event.on(Element, 'click', function(){ /* some functionality */}); 

Я хотел бы ту же функциональность, чтобы это произошло в другом сценарии, не требует щелчка пользователя. В идеале я мог просто имитировать «щелчок» по элементу и автоматически активировать функции. Как я могу это сделать? Слишком плохо это не работает:

$('Element').click() 

Спасибо.

Answer 1

Вы можете объявить свою функцию отдельно.

function DoThisOnClick() { 
} 

Затем присвоить его OnClick событие, как и вы сейчас, например:

YAHOO.util.Event.on(Element, 'click', DoThisOnClick) 

А вы можете назвать это всякий раз, когда вы хотите :-)

DoThisOnClick() 

Answer 2

Из курса $ («Элемент»). Click() не будет работать, но может, если вы включите jquery, он хорошо работает вместе с yui.

Как я untestand вам нужно сделать следующее:

function myfunc(){ 
//functionality 
} 

YAHOO.util.Event.on(Element, 'click', myfunc); 

Затем вызовите MyFunc, когда что-то еще должно произойти.

Answer 3

Неспособность имитировать щелчок пользователя по произвольному элементу является преднамеренным и по понятным причинам.

Answer 4

Вы ищете fireEvent (IE) и dispatchEvent (другие).

Для YUI 3 это все обернутые красиво в Y.Event.simulate():

YUI().use("node", function(Y) { 
    Y.Event.simulate(document.body, "click", { shiftKey: true }) 
}) 

Answer 5

MDC имеет хорошую example of using dispatchEvent для имитации щелчка события.

Вот код, чтобы имитировать щелчок на элементе, который также проверяет, если что-то отменило событие:

function simulateClick(elm) { 
    var evt = document.createEvent("MouseEvents"); 
    evt.initMouseEvent("click", true, true, window, 
    0, 0, 0, 0, 0, false, false, false, false, 0, null); 
    var canceled = !elm.dispatchEvent(evt); 
    if(canceled) { 
    // A handler called preventDefault 
    // uh-oh, did some XSS hack your site? 
    } else { 
    // None of the handlers called preventDefault 
    // do stuff 
    } 
} 

Answer 6

В случае, если кто натыкается на это ищет рамочного агностик образом, чтобы огнь любую HTML и событие мыши, посмотрите здесь: How to simulate a mouse click using JavaScript?

Answer 7

1) Первое решение

в статье http://mattsnider.com/simulating-events-using-yui/ описывает, как имитировать щелчок с помощью YA HOO:

var simulateClickEvent = function(elem) { 
    var node = YAHOO.util.Dom.get(elem); 

    while (node && window !== node) { 
     var listeners = YAHOO.util.Event.getListeners(node, 'click'); 

     if (listeners && listeners.length) { 
      listeners.batch(function(o) { 
       o.fn.call(o.adjust ? o.scope : this, {target: node}, o.obj); 
      }); 
     } 

     node = node.parentNode; 
    } 
}; 

Как вы можете видеть, функция перебирает узла и его родителей, и для каждого из них получает список слушателей и называет их.

2) ВТОРОЕ РЕШЕНИЕ

Существует и другой способ сделать это. Например:

var elem = YAHOO.util.Dom.get("id-of-the-element"); 
elem.fireEvent("click", {}); 

, где функция используется как

3) Третье решение

Version 2.9 YUI2 имеет лучшее решение: http://yui.github.io/yui2/docs/yui_2.9.0_full/docs/YAHOO.util.UserAction.html

4) ВПЕРЕД РЕШЕНИЕ

YUI3 также имеет лучшее и чистое решение: http://yuilibrary.com/yui/docs/event/simulate.html