dom events - Click a button made from div with JavaScript? - Stack Overflow

admin管理员组

文章数量:1341742

In Google+, the button that is used to post a ment is made from a div:

<div role="button" id=":1vq.post" class="d-s-r tk3N6e-e tk3N6e-e-qc" aria-disabled="false" style="-webkit-user-select: none; " tabindex="0">Post ment</div>  

I think I can click it with:

document.getElementById(":1vq.post").click(); 

But it says that the element have no attribute click, and I found that onclick is null. So how could I click the button with JavaScript?

In Google+, the button that is used to post a ment is made from a div:

<div role="button" id=":1vq.post" class="d-s-r tk3N6e-e tk3N6e-e-qc" aria-disabled="false" style="-webkit-user-select: none; " tabindex="0">Post ment</div>  

I think I can click it with:

document.getElementById(":1vq.post").click(); 

But it says that the element have no attribute click, and I found that onclick is null. So how could I click the button with JavaScript?

• javascript
• dom-events
• google-plus

Share Follow edited Nov 9, 2021 at 22:09 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Jul 2, 2011 at 16:40 wong2wong2 35.8k5151 gold badges137137 silver badges182182 bronze badges 5

• What's $? Prolly, you use it wrong. I doubt Google would have persistent IDs on interface elements, anyway. – katspaugh Commented Jul 2, 2011 at 16:49
• They are probably already using jquery to enable it. I would try looking at the element in Chrome dev tools, I believe that shows the code as finished. May help. (I'd love to look but don't have Google+ yet) – Drazisil Commented Jul 2, 2011 at 16:52
• @katspaugh I think Google defined it: $ bound: function () { return document.getElementById.apply(document, arguments) } – wong2 Commented Jul 2, 2011 at 16:53
• @Drazisil This is what the code $(":1vq.post") show: <div role=​"button" id=​":​1vq.post" class=​"d-s-r tk3N6e-e tk3N6e-e-qc" aria-disabled=​"false" style=​"-webkit-user-select:​ none;​ " tabindex=​"0">​Post ment​</div>​ – wong2 Commented Jul 2, 2011 at 16:54
• There's probably a block of code that applies things to divs based on 'role' then, I would look for that. – Drazisil Commented Jul 2, 2011 at 16:56

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

EDIT: After a chat with wong2 who started this question and a lot of failed guesses for what this question is really about (the question is quite poorly written), what they are trying to do is to write a Greasemonkey userscript to make the enter key press the Post Comment button in Google+ streams. Since I don't have an invite into Google+ yet, I can't even see the relevant code so not much I can do. This question is not about putting anything related to Google+ in your own site - it's about trying to use Greasemonkey to modify the behavior of Google's site in your own browser.

Earlier attempts to help:

id=":1vq.post" is not a legal CSS id name. You can't use the ":" character in a selector name. This causes multiple issues because not only is it not a legal character, but it's also a meaningful character in the CSS selector syntax. So, I see that you have two issues.

First, your selector logic is not working. Second, as others have said, you can't just assign to click in this way with plain javascript (e.g. no framework).

If you change your selector logic to work correctly, you can get it to work properly (using jQuery) like this:

<div role="button" id="aPost" class="d-s-r tk3N6e-e tk3N6e-e-qc" aria-disabled="false" style="-webkit-user-select: none; " tabindex="0">Post ment</div>

$("#aPost").click(function() {
    alert("I was clicked.");
});

And, you can see it in action in this jsFiddle: http://jsfiddle/jfriend00/Yfnc7/. Click Run and then click on the Post Comment.

click() applies only to elements like input and button.

http://www.w3/TR/DOM-Level-2-HTML/html.html#ID-2651361

onclick would appear in 1990 and not at Google. They should be using addEventListener.

Try to set a breakpoint and see what function is called on click. Then call the function directly.

---

To trigger a click event handler one can use createEvent plus dispatchEvent.

See example: http://jsfiddle/DzVg9/

Note, that Google Plus may actually be using mousedown or mouseup events.

Are you sure you are acurately selecting the button with $(":1vq.post")? Perhaps you need to change it to $("#:1vq.post") or something like that (I'm not sure how JQuery handles the : and . characters).

本文标签： dom eventsClick a button made from div with JavaScriptStack Overflow