http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FEvent%2FEvent_Parameter
JavaScript Tutorial/Event/Event Parameter - История изменений
2026-04-05T04:00:35Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/Event/Event_Parameter&diff=8765&oldid=prev
Admin: 1 версия
2010-05-26T08:24:32Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:24, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/Event/Event_Parameter&diff=8764&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Get event Phase: CAPTURING,BUBBLING==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html> <br />
<head> <br />
<title>W3C DOM Event Propagation</title> <br />
<script type="text/javascript"> <br />
<br />
function getPhase(evt) { <br />
switch (evt.eventPhase) { <br />
case 1: <br />
return "CAPTURING"; <br />
break; <br />
case 2: <br />
return "AT TARGET"; <br />
break; <br />
case 3: <br />
return "BUBBLING"; <br />
break; <br />
default: <br />
return ""; <br />
} <br />
} <br />
</script> <br />
</head> <br />
<body onload="init()"> <br />
<form> <br />
<input type="button" value="Button "main1"" name="main1" onclick="alert("button (" + getPhase(event) + ").")" /> <br />
</form> <br />
</body> <br />
</html></source><br />
<br />
<br />
<br />
== Pass key event as the function parameter==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>Key Events Example</title><br />
<script type="text/javascript"><br />
function handleEvent(oEvent) {<br />
var oTextbox = document.getElementById("txt1");<br />
oTextbox.value += "\n>" + oEvent.type;<br />
}<br />
</script><br />
</head><br />
<body><br />
<P>Type some characters into the first textbox.</p><br />
<P><textarea id="txtInput" rows="15" cols="50"<br />
onkeydown="handleEvent(event)"<br />
onkeyup="handleEvent(event)"<br />
onkeypress="handleEvent(event)"></textarea></p><br />
<P><textarea id="txt1" rows="15" cols="50"></textarea></p><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Use mouse event as the function parameter==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>Mouse Events Example</title><br />
<script type="text/javascript"><br />
function handleEvent(oEvent) {<br />
var oTextbox = document.getElementById("txt1");<br />
oTextbox.value += "\n" + oEvent.type;<br />
<br />
}<br />
</script><br />
</head><br />
<body><br />
<P>Use your mouse to click and double click the red square.</p><br />
<div style="width: 100px; height: 100px; background-color: red"<br />
onclick="handleEvent(event)"<br />
id="div1"></div><br />
<P><textarea id="txt1" rows="15" cols="50"></textarea></p><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== X/Y Marks the Spot for a popup window (IE)==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>X/Y Marks the Spot</title><br />
<script type="text/javascript"><br />
function mouseDown() {<br />
var locString = "X = " + window.event.screenX + " Y = " + window.event.screenY;<br />
document.write(locString);<br />
}<br />
document.onmousedown=mouseDown;<br />
</script><br />
</head><br />
<body><br />
</body><br />
</html></source></div>