Why is my event listener written in Google Closure not working?
I have a function in my Google Closure code with an event listener that aims to append HTML generated by a soy template to the body when the body loads:
/**
* Constructs the home page.
*/
AppLoader.prototype.constructHomePage = function() {
goog.events.listen(document.body, 'onload', function() {
document.body.innerHTML = templates.home.main();});
}
(new AppLoader()).constructHomePage();
However, it does not work. Chrome Console also offers no errors. What I have tried is the below code, which uses the addEventListener function native to javascript.
... class instantiation
/**
* Constructs the home page.
*/
AppLoader.prototype.constructHomePage = function() {
document.body.innerHTML = templates.home.main();
}
document.body.addEventListener('load', function() {
(new AppLoader()).constructHomePage();
}, false);
This latter method works, but does not use Closure at all, so I don't feel that it is reliable. Why is my event listener written in Google Closure not working?
javascript google-closure-library
edited Nov 12 '18 at 15:48
John
5,1281019
asked Jul 18 '12 at 2:24
dangerChihuahua007dangerChihuahua007
10.1k2088170
add a comment |
I have a function in my Google Closure code with an event listener that aims to append HTML generated by a soy template to the body when the body loads:
/**
* Constructs the home page.
*/
AppLoader.prototype.constructHomePage = function() {
goog.events.listen(document.body, 'onload', function() {
document.body.innerHTML = templates.home.main();});
}
(new AppLoader()).constructHomePage();
However, it does not work. Chrome Console also offers no errors. What I have tried is the below code, which uses the addEventListener function native to javascript.
... class instantiation
/**
* Constructs the home page.
*/
AppLoader.prototype.constructHomePage = function() {
document.body.innerHTML = templates.home.main();
}
document.body.addEventListener('load', function() {
(new AppLoader()).constructHomePage();
}, false);
This latter method works, but does not use Closure at all, so I don't feel that it is reliable. Why is my event listener written in Google Closure not working?
javascript google-closure-library
edited Nov 12 '18 at 15:48
John
5,1281019
asked Jul 18 '12 at 2:24
dangerChihuahua007dangerChihuahua007
10.1k2088170
add a comment |
I have a function in my Google Closure code with an event listener that aims to append HTML generated by a soy template to the body when the body loads:
/**
* Constructs the home page.
*/
AppLoader.prototype.constructHomePage = function() {
goog.events.listen(document.body, 'onload', function() {
document.body.innerHTML = templates.home.main();});
}
(new AppLoader()).constructHomePage();
However, it does not work. Chrome Console also offers no errors. What I have tried is the below code, which uses the addEventListener function native to javascript.
... class instantiation
/**
* Constructs the home page.
*/
AppLoader.prototype.constructHomePage = function() {
document.body.innerHTML = templates.home.main();
}
document.body.addEventListener('load', function() {
(new AppLoader()).constructHomePage();
}, false);
This latter method works, but does not use Closure at all, so I don't feel that it is reliable. Why is my event listener written in Google Closure not working?
javascript google-closure-library
edited Nov 12 '18 at 15:48
John
5,1281019
asked Jul 18 '12 at 2:24
dangerChihuahua007dangerChihuahua007
10.1k2088170
I have a function in my Google Closure code with an event listener that aims to append HTML generated by a soy template to the body when the body loads:
/**
* Constructs the home page.
*/
AppLoader.prototype.constructHomePage = function() {
goog.events.listen(document.body, 'onload', function() {
document.body.innerHTML = templates.home.main();});
}
(new AppLoader()).constructHomePage();
However, it does not work. Chrome Console also offers no errors. What I have tried is the below code, which uses the addEventListener function native to javascript.
... class instantiation
/**
* Constructs the home page.
*/
AppLoader.prototype.constructHomePage = function() {
document.body.innerHTML = templates.home.main();
}
document.body.addEventListener('load', function() {
(new AppLoader()).constructHomePage();
}, false);
This latter method works, but does not use Closure at all, so I don't feel that it is reliable. Why is my event listener written in Google Closure not working?
javascript google-closure-library
javascript google-closure-library
edited Nov 12 '18 at 15:48
John
5,1281019
asked Jul 18 '12 at 2:24
dangerChihuahua007dangerChihuahua007
10.1k2088170
edited Nov 12 '18 at 15:48
John
5,1281019
asked Jul 18 '12 at 2:24
dangerChihuahua007dangerChihuahua007
10.1k2088170
edited Nov 12 '18 at 15:48
John
5,1281019
edited Nov 12 '18 at 15:48
John
5,1281019
edited Nov 12 '18 at 15:48
John
5,1281019
5,1281019
asked Jul 18 '12 at 2:24
dangerChihuahua007dangerChihuahua007
10.1k2088170
asked Jul 18 '12 at 2:24
dangerChihuahua007dangerChihuahua007
10.1k2088170
asked Jul 18 '12 at 2:24
dangerChihuahua007dangerChihuahua007
10.1k2088170
10.1k2088170
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
you should stop the browser events.
event.stopPropagation();
answered Aug 13 '12 at 8:09
venkatvenkat
1
add a comment |
You should attach it to the window object.
goog.events.listenOnce(
window
, goog.events.EventType.LOAD
, function(){
window.alert( 'Ready for ADVANCED_COMPILATION!' );
}
);
answered Dec 4 '13 at 20:59
cavilacavila
3,66431518
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f11533486%2fwhy-is-my-event-listener-written-in-google-closure-not-working%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
you should stop the browser events.
event.stopPropagation();
answered Aug 13 '12 at 8:09
venkatvenkat
1
add a comment |
you should stop the browser events.
event.stopPropagation();
answered Aug 13 '12 at 8:09
venkatvenkat
1
add a comment |
you should stop the browser events.
event.stopPropagation();
answered Aug 13 '12 at 8:09
venkatvenkat
1
you should stop the browser events.
event.stopPropagation();
answered Aug 13 '12 at 8:09
venkatvenkat
1
answered Aug 13 '12 at 8:09
venkatvenkat
1
answered Aug 13 '12 at 8:09
venkatvenkat
1
answered Aug 13 '12 at 8:09
venkatvenkat
1
1
add a comment |
add a comment |
You should attach it to the window object.
goog.events.listenOnce(
window
, goog.events.EventType.LOAD
, function(){
window.alert( 'Ready for ADVANCED_COMPILATION!' );
}
);
answered Dec 4 '13 at 20:59
cavilacavila
3,66431518
add a comment |
You should attach it to the window object.
goog.events.listenOnce(
window
, goog.events.EventType.LOAD
, function(){
window.alert( 'Ready for ADVANCED_COMPILATION!' );
}
);
answered Dec 4 '13 at 20:59
cavilacavila
3,66431518
add a comment |
You should attach it to the window object.
goog.events.listenOnce(
window
, goog.events.EventType.LOAD
, function(){
window.alert( 'Ready for ADVANCED_COMPILATION!' );
}
);
answered Dec 4 '13 at 20:59
cavilacavila
3,66431518
You should attach it to the window object.
goog.events.listenOnce(
window
, goog.events.EventType.LOAD
, function(){
window.alert( 'Ready for ADVANCED_COMPILATION!' );
}
);
answered Dec 4 '13 at 20:59
cavilacavila
3,66431518
answered Dec 4 '13 at 20:59
cavilacavila
3,66431518
answered Dec 4 '13 at 20:59
cavilacavila
3,66431518
answered Dec 4 '13 at 20:59
cavilacavila
3,66431518
3,66431518
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f11533486%2fwhy-is-my-event-listener-written-in-google-closure-not-working%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
