Javascript：模拟链接点击

Question

我有一个附加了侦听器的链接（我正在使用 YUI）：

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

我希望在不涉及用户单击的另一个场景中发生相同的功能。 理想情况下，我可以模拟“单击”元素并自动触发该功能。 我怎么能这样做呢？ 太糟糕了，这不起作用：

$('Element').click()

谢谢。

Answer 1

MDC 有一个很好的使用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 2

您正在寻找 fireEvent (IE) 和dispatchEvent（其他）。

对于 YUI 3，这一切都很好地包装在 Y.Event.simulate() 中：

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

Answer 3

您可以单独声明您的函数。

function DoThisOnClick () {
}

然后像现在一样将其分配给 onclick 事件，例如：

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

您可以随时调用它:-)

DoThisOnClick ()

Answer 4

如果有人遇到这个问题，正在寻找一种与框架无关的方式来触发任何 HTML 和鼠标事件，请查看此处：如何使用 JavaScript 模拟鼠标点击？

Answer 5

1）第一个解决方案

文章 http://mattsnider.com/simulated-events-using-yui/ 描述了如何使用 YAHOO 模拟点击：

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) 第三种解决方案

YUI2 的 2.9 版本有更好的解决方案： 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

Answer 6

当然 $('Element').click() 不起作用，但如果你包含 jquery，它就可以，它与 yui 一起工作得很好。

当我进行测试时，您需要执行以下操作：

function myfunc(){
//functionality
}

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

然后在需要发生其他事情时调用 myfunc。

Answer 7

无法模拟用户点击任意元素是故意的，原因很明显。