Catching window events

vijay21 · May 5, 2005

hi all,

This is about javascript window events. I have a simple html file like
this
<html>
<head>
</head>
<body onmousedown="alert()">
<form>
<input type="text">
</form>
</body>
</html>

But alert is only popped whenever I click the mouse near by the input
field. It is not catching the event for the entire browser window. Can
anyone point out what is wrong in this html?

Thanks,
Vijay

Joakim Braun · May 5, 2005

hi all,

This is about javascript window events. I have a simple html file like
this
<html>
<head>
</head>
<body onmousedown="alert()">
<form>
<input type="text">
</form>
</body>
</html>

But alert is only popped whenever I click the mouse near by the input
field. It is not catching the event for the entire browser window. Can
anyone point out what is wrong in this html?

The answer is probably that the body by default doesn't extend to fill the
entire browser window.

Try adding some CSS that makes height/width of body 100%.

vijay21 · May 5, 2005

Hi Joakim,

I tried adding body style="height:100%;width:100%" to the body tag.
Now, it is always displaying scroll bars inside the explorer. It is
also not truly encompassing the whole browser window. It's 0,0
coordinates seem to be startting from the point text box appears. The
thin margins on the top left are not capturing the event.

Is there some way by which I can add the eventhandler to the window
itself and not just body? I think I have seen such pages where they do
such stuff.

Thankyou for helping...

Bonnett · May 5, 2005

[email protected] said:
Hi Joakim,

I tried adding body style="height:100%;width:100%" to the body tag.
Now, it is always displaying scroll bars inside the explorer. It is
also not truly encompassing the whole browser window. It's 0,0
coordinates seem to be startting from the point text box appears. The
thin margins on the top left are not capturing the event.

Is there some way by which I can add the eventhandler to the window
itself and not just body? I think I have seen such pages where they do
such stuff.

Thankyou for helping...

Try:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en-GB">
<head>
<title>Window Alert</title>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<script type="text/javascript">
window.onmousedown = function() { alert("This will get really
irritating."); };
</script>
</head>
<body>

</body>
</html>

Fred Oz · May 5, 2005

hi all,

This is about javascript window events. I have a simple html file like
this
<html>
<head>
</head>
<body onmousedown="alert()">
<form>
<input type="text">
</form>
</body>
</html>

But alert is only popped whenever I click the mouse near by the input
field. It is not catching the event for the entire browser window. Can
anyone point out what is wrong in this html?

Thanks,
Vijay

vijay21 · May 5, 2005

Hi Bonnett,

This is running really well on Mozilla but I don't know why it is not
doing anything on Internet Explorer. Looks like IE is completely
ignoring this. Any guesses why so...

Thankyou very much,

Bonnett · May 5, 2005

After a quick google + test, it seems IE uses document.mousedown rather
than window.mousedown, however I do not know what the browser
limitations are on this, mozilla firefox 1.0.3 accepts
document.mousedown, but older version may not.

vijay21 · May 5, 2005

Hi Bonnet and Fred,
Many thanks for fishing this out. I have got what I wanted.
Thanks,

RobB · May 5, 2005

[email protected] said:
hi all,

This is about javascript window events. I have a simple html file like
this
<html>
<head>
</head>
<body onmousedown="alert()">
<form>
<input type="text">
</form>
</body>
</html>

But alert is only popped whenever I click the mouse near by the input
field. It is not catching the event for the entire browser window. Can
anyone point out what is wrong in this html?

Thanks,
Vijay

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
html { padding: 20px; cursor: help; }
body { margin:0; height:100%; }
input { cursor: help; }
</style>
<script type="text/javascript">
document.getElementsByTagName('html')[0].onmousedown =
function(e)
{
e = e || window.event;
tgt = e.srcElement || e.target;
alert(tgt.tagName);
}
</script>
</head>
<body>
<form>
<input type="text">
</form>
</body>
</html>

http://www.meyerweb.com/eric/css/discuss/examples/all-shown.html
http://www.molly.com/2005/02/18/root-element-html/

btw moz/gecko requires arguments to alert(...)

Thomas 'PointedEars' Lahn · May 15, 2005

I tried adding body style="height:100%;width:100%" to the body tag.
Now, it is always displaying scroll bars inside the explorer.

1. [X] You only know Internet Explorer. [psf 2.9]

<OT>

2. You have to format the element position:absolute, too. Tests (with
ObjectInspector) showed that the following stylesheet is suited for
the task:

body {
position:absolute;
margin:0;
width:99%;
height:99%;
}

html>body {
width:auto;
height:auto;
left:0;
top:0;
right:0;
bottom:4px;
}

</OT>

PointedEars

Problem with window messaging system vc++	2	Feb 4, 2023
JavaScript code not working!!	6	Jun 13, 2023
How do I output this recursive function correctly to a web browser?	2	Dec 17, 2022
What "might" I be doing wrong with this snippet?	6	Sep 25, 2023
catching window close event in HTA	1	Jun 27, 2007
Why doesn't the function get called?	1	Nov 20, 2023
Need help with stripe payment	0	Oct 2, 2021
This code is not working	8	Dec 9, 2020

Catching window events

vijay21

Joakim Braun

vijay21

Bonnett

Fred Oz

vijay21

Bonnett

vijay21

RobB

Thomas 'PointedEars' Lahn

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads