event.initMouseEvent()
event.initMouseEvent() metodu, document.createEvent("MouseEvents") metodu ile oluşturulan bir Fare Olay'ının ilk değerlerinin verilmesini sağlar.
Sözdizimi
event.initKeyEvent( Tip, Donus, Vazgec, View,
Ayrinti, screenX, screenY, clientX, clientY,
Ctrl, Alt, Shift, Meta, Buton, ilgiliHedef )
Tip | String olarak olay tipi. (click, mouseover, mousemove, vs. ) |
Donus | Olayın Kök elemente dönüp-dönmeyeceğini belirtir. true ise döner. false ise olay akışı hedef elementte sonlanır. |
Vazgec | Olayın, Olay akışı sırasında durdurulabileceğini belirtir. true ise Olay durdurulabilir. false ise durdurulamaz. |
View | Bu değer window olarak kalmalı. |
Ayrinti | Fare tuşuna tıklama sayısı. (event.detail) |
screenX | event.screenX değeri |
screenY | event.screenY değeri |
clientX | event.clientX değeri |
clientY | event.clientY değeri |
Ctrl | Ctrl tuşu basılı mı? true/false |
Alt | Alt tuşu basılı mı? true/false |
Shift | Shift tuşu basılı mı? true/false |
Meta | Meta tuşu basılı mı? true/false |
Buton | Basılan fare tuşunun değeri. event.button |
ilgiliHedef | Sadece mouseover ve mouseout olaylarında ilgili hedef element referansını belirtir. Genel olarak null olmalıdır. Ayrıntılı bilgiyi Mozilla sitesinde "event.relatedTarget" sayfasında bulabilirsiniz. |
Aşağıdaki örnek, bir DIV elementi üzerinde mousedown ve mouseup olaylarının simüle edilmesini göstermektedir.
<style type="text/css">
#ornekDiv
{
width:120px;
height:90px;
background-color:#77AA00;
color:white;
font-weight:bold;
}
</style>
<input type="button" value="onMouseDown Yap" onClick="divIslem('mousedown')"/>
<input type="button" value="onMouseUp Yap" onClick="divIslem('mouseup')"/>
<div id="ornekDiv"
onMouseDown="divFareDown(event)"
onMouseUp="divFareUp(event)"></div>
<script type="text/javascript">
ornekDiv = document.getElementById('ornekDiv');
function divIslem(islem)
{
var olay = document.createEvent("MouseEvents");
olay.initMouseEvent(islem, true, true, window, 1,
0, 0, 0, 0, false, false, false, false, 1, null );
ornekDiv.dispatchEvent(olay);
}
function divFareDown(olay) {
ornekDiv.innerHTML = olay.type;
ornekDiv.style.backgroundColor = "#FF0000";
}
function divFareUp(olay) {
ornekDiv.innerHTML = olay.type;
ornekDiv.style.backgroundColor = "#77AA00";
}
</script>
Test Edin
|