javascript - 以编程方式单击按钮 - JS

Question

我已经在其他网络应用程序中看到了这一点，但我对 Javascript 相当陌生，我自己无法真正弄清楚这一点。我想以编程方式创建一个 Google Hangout。但是，在官方 API 中，创建环聊的唯一方法是在页面上添加环聊按钮。

Here's the Google doc on the Hangouts button.

我想要做的是让一个用户单击另一个用户的图片并以这种方式打开环聊。看来我可以捕获该点击，然后“点击”后台的环聊按钮。但是，我不太擅长 Javascript，所以我不知道如何实现这一点。

编辑

我尝试了下面 mohamedrais 的解决方案，但没有成功。这与按钮的类有关吗？

以下是该按钮的代码，取自环聊文档，并添加了 id:

 <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script>
        <div class="g-hangout" id="hangout-giLkojRpuK"
                                data-render="createhangout">
        </div>

这是我添加的 JS，用 id 渲染:

     <script>
          window.onload = function() {

              var userImage = document.getElementById("img-giLkojRpuK");
              var hangoutButton = document.getElementById("hangout-giLkojRpuK");

              userImage.onclick = function() {

                console.log("in onclick");
                hangoutButton.click(); // this will trigger the click event
              };
          };
        </script>

当我单击img时，“in onclick”被记录，因此该函数被调用。但是，没有任何反应 - 环聊未启动。

当我直接点击环聊按钮时，它会启动环聊。但是，我想最终隐藏它并从图像中执行单击。

这是 img 上方环聊按钮的图片:

Answer 1

window.onload = function() {
    var userImage = document.getElementById('imageOtherUser');
    var hangoutButton = document.getElementById("hangoutButtonId");
    userImage.onclick = function() {
       hangoutButton.click(); // this will trigger the click event
    };
};

这样就可以了