Docs: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 10: | Line 10: | ||
!Object | !Object | ||
!Listen Event | !Listen Event | ||
!Functions Fired | !Functions/Events Fired | ||
!Emits | |||
!Example Usage | !Example Usage | ||
!Related Code | !Related Code | ||
| Line 16: | Line 17: | ||
|window | |window | ||
|load | |load | ||
| | | | ||
|"clientLoaded" | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="187"> | |<syntaxhighlight lang="javascript" line="1" start="187"> | ||
| Line 27: | Line 29: | ||
|hash change | |hash change | ||
|manageCoordHash(); | |manageCoordHash(); | ||
| | |||
|https://ourworldoftext.com/#x:10,y:20 | |https://ourworldoftext.com/#x:10,y:20 | ||
|<syntaxhighlight lang="javascript" line="1" start="5639"> | |<syntaxhighlight lang="javascript" line="1" start="5639"> | ||
| Line 37: | Line 40: | ||
|before unload | |before unload | ||
|if(writeBuffer.length) flushWrites(); | |if(writeBuffer.length) flushWrites(); | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="5643"> | |<syntaxhighlight lang="javascript" line="1" start="5643"> | ||
| Line 47: | Line 51: | ||
|resize | |resize | ||
|event_resize | |event_resize | ||
|("resize", ratio) | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="1192"> | |<syntaxhighlight lang="javascript" line="1" start="1192"> | ||
| Line 55: | Line 60: | ||
|select start | |select start | ||
|self | |self | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="5647"> | |<syntaxhighlight lang="javascript" line="1" start="5647"> | ||
| Line 73: | Line 79: | ||
* event_keydown_copy_color | * event_keydown_copy_color | ||
* event_keydown | * event_keydown | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="525"> | |<syntaxhighlight lang="javascript" line="1" start="525"> | ||
| Line 87: | Line 94: | ||
|key up | |key up | ||
|event_keyup | |event_keyup | ||
|("keyUp", e); | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="2957"> | |<syntaxhighlight lang="javascript" line="1" start="2957"> | ||
| Line 100: | Line 108: | ||
* mousemove_linkAuto | * mousemove_linkAuto | ||
* event_mousemove | * event_mousemove | ||
|("mouseMove", { | |||
tileX: tileX, | |||
tileY: tileY, | |||
charX: charX, | |||
charY: charY, | |||
pageX: pageX, | |||
pageY: pageY | |||
}) | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="945"> | |<syntaxhighlight lang="javascript" line="1" start="945"> | ||
| Line 112: | Line 134: | ||
|mouse down | |mouse down | ||
|event_mousedown | |event_mousedown | ||
|("mouseDown", { | |||
tileX: pos[0], | |||
tileY: pos[1], | |||
charX: pos[2], | |||
charY: pos[3], | |||
pageX: pageX, | |||
pageY: pageY | |||
}); | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="1771"> | |<syntaxhighlight lang="javascript" line="1" start="1771"> | ||
| Line 120: | Line 156: | ||
|mouse up | |mouse up | ||
|event_mouseup | |event_mouseup | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="1947"> | |<syntaxhighlight lang="javascript" line="1" start="1947"> | ||
| Line 128: | Line 165: | ||
|mouse enter | |mouse enter | ||
|event_mouseenter | |event_mouseenter | ||
|("mouseEnter", e) | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="1958"> | |<syntaxhighlight lang="javascript" line="1" start="1958"> | ||
| Line 136: | Line 174: | ||
|touch start | |touch start | ||
|event_touchstart | |event_touchstart | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="3452"> | |<syntaxhighlight lang="javascript" line="1" start="3452"> | ||
| Line 144: | Line 183: | ||
|touch end | |touch end | ||
|event_touchend | |event_touchend | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="3453"> | |<syntaxhighlight lang="javascript" line="1" start="3453"> | ||
| Line 152: | Line 192: | ||
|touch move | |touch move | ||
|event_touchmove | |event_touchmove | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="3454"> | |<syntaxhighlight lang="javascript" line="1" start="3454"> | ||
| Line 162: | Line 203: | ||
* event_wheel | * event_wheel | ||
* event_wheel_zoom | * event_wheel_zoom | ||
|("scroll", { | |||
deltaX: -deltaX, | |||
deltaY: -deltaY | |||
}); | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="3487"> | |<syntaxhighlight lang="javascript" line="1" start="3487"> | ||
| Line 176: | Line 223: | ||
* keydown_tileProtectAuto | * keydown_tileProtectAuto | ||
* keydown_linkAuto | * keydown_linkAuto | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="1012"> | |<syntaxhighlight lang="javascript" line="1" start="1012"> | ||
| Line 186: | Line 234: | ||
|key up | |key up | ||
|onKeyUp | |onKeyUp | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="1164"> | |<syntaxhighlight lang="javascript" line="1" start="1164"> | ||
| Line 194: | Line 243: | ||
|cursor Move | |cursor Move | ||
|updateCoordDisplay | |updateCoordDisplay | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="280"> | |<syntaxhighlight lang="javascript" line="1" start="280"> | ||
| Line 202: | Line 252: | ||
|cursor Hide | |cursor Hide | ||
|updateCoordDisplay | |updateCoordDisplay | ||
| | |||
| | | | ||
|<syntaxhighlight lang="javascript" line="1" start="281"> | |<syntaxhighlight lang="javascript" line="1" start="281"> | ||
| Line 211: | Line 262: | ||
|self | |self | ||
| | | | ||
|<syntaxhighlight lang="javascript" line="1"> | | | ||
|<syntaxhighlight lang="javascript" line="1" start="4747"> | |||
w.on("tilesRendered", function() { | |||
for(var i = 0; i < regionSelections.length; i++) { | |||
var reg = regionSelections[i]; | |||
if(reg.regionCoordA && reg.regionCoordB) reg.setSelection(reg.regionCoordA, reg.regionCoordB); | |||
} | |||
}); | |||
</syntaxhighlight> | </syntaxhighlight> | ||
|- | |- | ||
| Line 219: | Line 276: | ||
|setClientGuestCursorPosition | |setClientGuestCursorPosition | ||
| | | | ||
|<syntaxhighlight lang="javascript" line="1"> | | | ||
|<syntaxhighlight lang="javascript" line="1" start="4754"> | |||
w.on("cursorMove", function(pos) { | |||
setClientGuestCursorPosition(pos.tileX, pos.tileY, pos.charX, pos.charY); | |||
}); | |||
</syntaxhighlight> | </syntaxhighlight> | ||
|- | |- | ||
| Line 227: | Line 287: | ||
|setClientGuestCursorPosition | |setClientGuestCursorPosition | ||
| | | | ||
|<syntaxhighlight lang="javascript" line="1"> | | | ||
|<syntaxhighlight lang="javascript" line="1" start="4758"> | |||
w.on("cursorHide", function() { | |||
setClientGuestCursorPosition(0, 0, 0, 0, true); | |||
}); | |||
</syntaxhighlight> | </syntaxhighlight> | ||
|- | |- | ||
| Line 239: | Line 302: | ||
* event_input | * event_input | ||
| | | | ||
|<syntaxhighlight lang="javascript" line="1"> | | | ||
|<syntaxhighlight lang="javascript" line="1" start="2618"> | |||
elm.textInput.addEventListener("keydown", stabilizeTextInput); | |||
elm.textInput.addEventListener("input", event_input); | |||
</syntaxhighlight> | </syntaxhighlight> | ||
|- | |- | ||
| Line 247: | Line 312: | ||
|self | |self | ||
| | | | ||
|<syntaxhighlight lang="javascript" line="1"> | | | ||
|<syntaxhighlight lang="javascript" line="1" start="5628"> | |||
elm.owot.oncontextmenu = function() { | |||
if(ignoreCanvasContext) { | |||
ignoreCanvasContext = false; | |||
elm.owot.style.pointerEvents = "none"; | |||
setTimeout(function() { | |||
ignoreCanvasContext = true; | |||
elm.owot.style.pointerEvents = ""; | |||
}, 1); | |||
} | |||
} | |||
</syntaxhighlight> | </syntaxhighlight> | ||
|- | |- | ||
| Line 254: | Line 329: | ||
|click | |click | ||
|self | |self | ||
| | |||
| | | | ||
| | | | ||