blocks|key|102161|text|window.onload+=+function()+{
++++var+userImage+=+document.getElementById('imageOtherUser');
++++var+hangoutButton+=+document.getElementById("hangoutButtonId");
++++userImage.onclick+=+function()+{
+++++++hangoutButton.click();+//+this+will+trigger+the+click+event
++++};
};|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|102162|这将会起作用|unstyled|102163|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

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

this will do the trick

blocks|key|4608721|text|尽管这个问题相当古老，但这里有一个答案:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4608722|使用jQuery的.click()+event+method和.on()+event+method可以实现您所要求的功能|offset|length|4608723|所以这可能是代码：|4608724|//+Set+the+global+variables
var+userImage+=+$("#img-giLkojRpuK");
var+hangoutButton+=+$("#hangout-giLkojRpuK");

$(document).ready(function()+{
++++//+When+the+document+is+ready/loaded,+execute+function

++++//+Hide+hangoutButton
++++hangoutButton.hide();

++++//+Assign+"click"-event-method+to+userImage
++++userImage.on("click",+function()+{
++++++++console.log("in+onclick");
++++++++hangoutButton.click();
++++});
});|code-block|syntax|javascript|4608725|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/jquery/event_click.asp|1|http://www.w3schools.com/jquery/event_on.asp^0|0|9|L|0|V|I|1|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@$D|Y|E|Z|1|10]|$D|11|E|12|1|13]]|A|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|15|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

Though this question is rather old, here's a answer :)

What you are asking for can be achieved by using jQuery's <a href="http://www.w3schools.com/jquery/event_click.asp" rel="noreferrer">.click() event method</a>
and <a href="http://www.w3schools.com/jquery/event_on.asp" rel="noreferrer">.on() event method</a>

So this could be the code:

<pre><code>// Set the global variables
var userImage = $("#img-giLkojRpuK");
var hangoutButton = $("#hangout-giLkojRpuK");

$(document).ready(function() {
 // When the document is ready/loaded, execute function

 // Hide hangoutButton
 hangoutButton.hide();

 // Assign "click"-event-method to userImage
 userImage.on("click", function() {
 console.log("in onclick");
 hangoutButton.click();
 });
});
</code></pre>

blocks|key|4608768|text|我从来没有用HangOut开发过。我遇到了同样的问题与FB-login，我是如此努力地让它点击编程。后来我发现，由于一些安全原因，sdk不允许您以编程方式单击该按钮。用户必须物理地点击该按钮。异步asp文件上传按钮也会发生这种情况。因此，请检查HangOut是否允许您以编程方式单击按钮。所有上述代码都是正确的，它们应该可以工作。如果你深入挖掘，你就会发现我的答案就是适合你的情况。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4608769|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I have never developed with HangOut. I ran into the same problems with FB-login and I was trying so hard to get it to click programatically. Then later I discovered that the sdk won't allow you to programatically click the button because of some security reasons. The user has to physically click on the button. This also happens with async asp fileupload button. So please check if HangOut does allow you to programatically click a buttton. All above codes are correct and they should work.
If you dig deep enough you will see that my answer is the right answer for your situation you.

blocks|key|102294|text|这里的其他答案依赖于用户进行初始单击(在图像上)。这对于OP细节的细节来说是很好的，但不一定是问题标题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|102295|有一个answer+here解释了如何通过在按钮(或任何元素)上触发单击事件来执行此操作。|offset|length|102296|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/22469115/4779501^0|0|A|4|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

The other answers here rely on the user making an initial click (on the image). This is fine for the specifics of the OP detail but not necessarily the question title.

There is an answer <a href="https://stackoverflow.com/a/22469115/4779501">here</a> explaining how to do it by firing a click event on the button ( or any element ).

blocks|key|102363|text|当使用JavaScript访问HTML元素时，当访问该元素的代码运行时，该元素很可能不在页面上，因此对于JavaScript而言也不在dom中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|102364|即使您可以在浏览器窗口中直观地看到HTML元素，或者将代码设置为在onload方法中调用，也可能发生此问题。|102365|在检索cookie之后，我在编写代码以重新填充页面上的特定div元素时遇到了这个问题。|102366|显然发生的情况是，即使超文本标记语言已经加载并由浏览器输出，JavaScript代码在页面加载完成之前仍在运行。|102367|这个问题的解决方案可能只是一个JavaScript错误，就是将你想要运行的代码放在一个计时器中，这个计时器会将代码的运行延迟400毫秒左右。您需要对其进行测试，以确定运行代码的速度。|102368|在尝试为元素赋值之前，我还做了一次测试。|102369|window.setTimeout(function()+{
++if(+document.getElementById("book")+)+{
++++/*+Code+goes+here*/+
++}
},+400+/*+but+after+400+ms+*/);|code-block|syntax|javascript|102370|这可能会也可能不会帮助您解决问题，但请记住这一点，并理解浏览器并不总是像预期的那样工作。|102371|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|Z|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|10|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|11|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|T|$]]

When using JavaScript to access an HTML element, there is a good chance that the element is not on the page and therefore not in the dom as far as JavaScript is concerned, when the code to access that element runs.
This problem can occur even though you can visually see the HTML element in the browser window or have the code set to be called in the onload method.
I ran into this problem after writing code to repopulate specific div elements on a page after retrieving the cookies.
What is apparently happening is that even though the HTML has loaded and is outputted by the browser, the JavaScript code is running before the page has completed loading.
The solution to this problem which just may be a JavaScript bug, is to place the code you want to run within a timer that delays the code run by 400 milliseconds or so. You will need to test it to determine how quick you can run the code.
I also made a point to test for the element before attempting to assign values to it.
<pre class="lang-js prettyprint-override"><code>window.setTimeout(function() {
 if( document.getElementById(&quot;book&quot;) ) {
 /* Code goes here*/ 
 }
}, 400 /* but after 400 ms */);
</code></pre>
This may or may not help you solve your problem, but keep this in mind and understand that browsers do not always function as expected.

I've seen this done in other webapps, but I'm fairly new to Javascript and can't really figure this out on my own. I want to create a Google Hangout programmatically. However, in the official API the only way you can create a Hangout is by including the Hangout button on your page.

<a href="https://developers.google.com/+/hangouts/button">Here's the Google doc on the Hangouts button.</a>

What I want to do is have a user click an img of another user and open the Hangout this way. It seems like I could capture that click and then 'click' the Hangouts button in the background. However, I'm not very good with Javascript so I wouldn't know how to achieve this.

EDIT

I tried mohamedrais' solution below with no luck. Is it something to do with the class of the button?

Here's the code for the button, taken from the Hangouts docs with an added <code>id</code>:

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

Here's the JS I added, rendered with <code>id</code>s:

<pre><code> &lt;script&gt;
 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
 };
 };
 &lt;/script&gt;
</code></pre>

When I click the <code>img</code>, "in onclick" is getting logged, so the function is getting called. However, nothing happens - Hangouts isn't launched. 

When I do click directly on the Hangouts button it does launch Hangouts. However, I want to eventually hide this and perform the click from the image.

Here's a picture of the Hangouts button above the <code>img</code>:

<img src="https://i.stack.imgur.com/j2LgE.png" alt="enter image description here">

Click a button programmatically - JS

jQuery

我已经在其他new应用中看到过这一点，但我对Javascript还是相当陌生的，我自己也搞不清楚这一点。我想以编程方式创建一个Google Hangout。然而，在官方API中，创建Hangout的唯一方法是在页面上包含Hangout按钮。我想要做的是让一个用户点击另一个用户的img，并以这种方式打开Hangout。似...

问以编程方式单击按钮- JS
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问以编程方式单击按钮- JSEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问以编程方式单击按钮- JS
EN