聚合物元素和鼠标单击事件

Question

我试图模拟聚合物元素的点击。更具体地说，我使用纸张下拉菜单作为示例（https://www.polymer-project.org/components/paper-dropdown-menu/demo.html）。我想通过触发事件以编程方式选择项目。每当我调用元素点击它都没有任何效果。

我尝试调用鼠标点击： document.querySelector('paper-dropdown-menu').dispatchEvent(new MouseEvent('click', {bubbles: true}))

任何想法我做错了什么？

Answer 1

使用CustomEvent，我可以发送和收听它：

发表意见：

document.dispatchEvent(new CustomEvent("successEvent", {'detail': response}));

倾听：

document.addEventListener('successEvent', function(event) {
                    this.result = JSON.stringify(event.detail);}.bind(this));

你在听MouseEvent吗？

您可以使用Polymer-gesture来管理MouseEvent和TouchEvent。