Javascript if (typeof(window.event) != "undefined") { problem

benjamin.morgan · 10-12-2011, 01:11 AM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Simple Event Example</title>
<script type="text/javascript">
function addEventHandler(oNode, sEvt, fFunc, bCaptures){
if (typeof(window.event) != "undefined") {
oNode.attachEvent("on" + sEvt, fFunc);
}else{
oNode.addEventListener(sEvt, fFunc, bCaptures);
}
}

function onLinkClicked(e) {
alert("You clicked the link");
}

function setUpClickHandler() {
addEventHandler(document.getElementById('clickLink '), "click", onLinkClicked, false);
}
addEventHandler(window,"load", setUpClickHandler, false);
</script>
</head>
<body>
<a href="#" title="click me" id="clickLink">Click Me!</a>
</body>
</html>
I got this out of a tutorial.
This works fine in FIREFOX. In CHROME and INTERNET EXPLORER 9 this doesn't work.
Please help me find the fix.

*EA*Marcus · 01-07-2012, 07:03 PM

Replace:

Quote:

if (typeof(window.event) != "undefined") {

With:

Quote:

if (oNode.attachEvent) {

That should work, it's a common problem.

10-12-2011, 01:11 AM	#1
benjamin.morgan Silver Member Join Date: Aug 2011 Posts: 187	Javascript if (typeof(window.event) != "undefined") { problem <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Simple Event Example</title> <script type="text/javascript"> function addEventHandler(oNode, sEvt, fFunc, bCaptures){ if (typeof(window.event) != "undefined") { oNode.attachEvent("on" + sEvt, fFunc); }else{ oNode.addEventListener(sEvt, fFunc, bCaptures); } } function onLinkClicked(e) { alert("You clicked the link"); } function setUpClickHandler() { addEventHandler(document.getElementById('clickLink '), "click", onLinkClicked, false); } addEventHandler(window,"load", setUpClickHandler, false); </script> </head> <body> <a href="#" title="click me" id="clickLink">Click Me!</a> </body> </html> I got this out of a tutorial. This works fine in FIREFOX. In CHROME and INTERNET EXPLORER 9 this doesn't work. Please help me find the fix.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode