http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FDocument%2FEvent
JavaScript DHTML/Document/Event - История изменений
2026-04-04T19:07:55Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Document/Event&diff=1874&oldid=prev
в 09:59, 26 мая 2010
2010-05-26T09:59:47Z
<p></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;">Версия 09:59, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Document/Event&diff=1875&oldid=prev
Admin: 1 версия
2010-05-26T07:20:11Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Add event handler listener to document==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html> <br />
<head> <br />
<title>W3C DOM Event Propagation</title> <br />
<script type="text/javascript"> <br />
function init() { <br />
document.addEventListener("click", docEvent, true); <br />
} <br />
function docEvent(evt) { <br />
alert("Document level."); <br />
} <br />
</script> <br />
</head> <br />
<body onload="init()"> <br />
</body> <br />
</html> <br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Attach an Event to element==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
<button id="myButton">Button</button><br />
<button onclick="function3();">Apply an event handler "Button"</button><br />
<button onclick="function2();">Detach</button><br />
<script language="JavaScript"><br />
function function3() {<br />
document.all.myButton.attachEvent("onclick", function1)<br />
}<br />
function function1() {<br />
document.bgColor = "red";<br />
}<br />
function function2() {<br />
document.bgColor = "white"; <br />
document.all.myButton.detachEvent("onclick", function1);<br />
}<br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Detach Event==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
<button id="myButton">Button</button><br />
<button onclick="function3();">Apply an event handler "Button"</button><br />
<button onclick="function2();">Detach</button><br />
<script language="JavaScript"><br />
function function3() {<br />
document.all.myButton.attachEvent("onclick", function1)<br />
}<br />
function function1() {<br />
document.bgColor = "red";<br />
}<br />
function function2() {<br />
document.bgColor = "white"; <br />
document.all.myButton.detachEvent("onclick", function1);<br />
}<br />
</script><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Fire an Event==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
<button onmouseover="this.fireEvent("onclick")" <br />
onclick="alert("Hello");"><br />
Fire onclick event<br />
</button><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Release Capture==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
<script language="JavaScript"><br />
function function3() {<br />
myX.innerHTML = window.event.offsetX;<br />
myY.innerHTML = window.event.offsetY; <br />
} <br />
function function1() {<br />
myDiv.setCapture();<br />
}<br />
function function2() {<br />
myDiv.releaseCapture();<br />
}<br />
</script><br />
<p><br />
<b>X Coordinate:</b> <br />
<span id="myX">0</span><br />
</p><br />
<p><br />
<b>Y Coordinate:</b> <br />
<span id="myY">0</span><br />
</p><br />
<div id="myDiv" <br />
onmousemove="function3();" <br />
onclick="function2();" <br />
style="border:solid; width:500; height:200;"><br />
Click inside the box to disable mouse capture outside the box</div><br />
<button onclick="function1()">Set capture</button><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Set Capture==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
<script language="JavaScript"><br />
function function3() {<br />
myX.innerHTML = window.event.offsetX;<br />
myY.innerHTML = window.event.offsetY; <br />
} <br />
function function1() {<br />
myDiv.setCapture();<br />
}<br />
function function2() {<br />
myDiv.releaseCapture();<br />
}<br />
</script><br />
<p><br />
<b>X Coordinate:</b> <br />
<span id="myX">0</span><br />
</p><br />
<p><br />
<b>Y Coordinate:</b> <br />
<span id="myY">0</span><br />
</p><br />
<div id="myDiv" <br />
onmousemove="function3();" <br />
onclick="function2();" <br />
style="border:solid; width:500;height:200;"><br />
Click inside the box to disable mouse capture outside the box<br />
</div><br />
<button onclick="function1()">Set capture</button><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source></div>
Admin