working keydown
This commit is contained in:
parent
7350ce0bea
commit
6210e9c99b
12 changed files with 975 additions and 401 deletions
|
|
@ -29,6 +29,19 @@ function freeJs(ptr) {
|
|||
jsmemory.delete(ptr);
|
||||
}
|
||||
|
||||
function writeStringToWasm(str) {
|
||||
const encoder = new TextEncoder();
|
||||
const encoded = encoder.encode(str + '\0');
|
||||
const len = encoded.length;
|
||||
|
||||
const { WasmAlloc } = window.crafter_webbuild_wasi.instance.exports;
|
||||
const ptr = WasmAlloc(len);
|
||||
const memView = new Uint8Array(window.crafter_webbuild_wasi.instance.exports.memory.buffer, ptr, len);
|
||||
memView.set(encoded);
|
||||
|
||||
return ptr;
|
||||
}
|
||||
|
||||
function getElementById(id, idLenght) {
|
||||
const obj = document.getElementById(decoder.decode(new Int8Array(window.crafter_webbuild_wasi.instance.exports.memory.buffer, id, idLenght)));
|
||||
jsmemory.set(++memorycounter, obj);
|
||||
|
|
@ -42,427 +55,523 @@ function setInnerHTML(ptr, html, htmlLenght) {
|
|||
// Event handler registration functions
|
||||
function addClickListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
// Create a handler that will trigger a notification to C++
|
||||
const handler = function(event) {
|
||||
const handler = function (event) {
|
||||
const { ExecuteClickHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteClickHandler(handlerID);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}`, handler);
|
||||
|
||||
|
||||
element.addEventListener("click", handler);
|
||||
}
|
||||
|
||||
function removeClickListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}`);
|
||||
|
||||
|
||||
element.removeEventListener("click", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}`);
|
||||
}
|
||||
|
||||
// Add more event handlers for modern websites
|
||||
// Mouse Events
|
||||
function addMouseOverListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteMouseOverHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteMouseOverHandler(handlerID);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-mouseover`, handler);
|
||||
element.addEventListener("mouseover", handler);
|
||||
}
|
||||
|
||||
function removeMouseOverListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-mouseover`);
|
||||
|
||||
|
||||
element.removeEventListener("mouseover", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-mouseover`);
|
||||
}
|
||||
|
||||
function addMouseOutListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteMouseOutHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteMouseOutHandler(handlerID);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-mouseout`, handler);
|
||||
element.addEventListener("mouseout", handler);
|
||||
}
|
||||
|
||||
function removeMouseOutListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-mouseout`);
|
||||
|
||||
|
||||
element.removeEventListener("mouseout", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-mouseout`);
|
||||
}
|
||||
|
||||
function addMouseMoveListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteMouseMoveHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteMouseMoveHandler(handlerID);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-mousemove`, handler);
|
||||
element.addEventListener("mousemove", handler);
|
||||
}
|
||||
|
||||
function removeMouseMoveListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-mousemove`);
|
||||
|
||||
|
||||
element.removeEventListener("mousemove", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-mousemove`);
|
||||
}
|
||||
|
||||
function addMouseDownListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteMouseDownHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteMouseDownHandler(handlerID);
|
||||
};
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-mousedown`, handler);
|
||||
element.addEventListener("mousedown", handler);
|
||||
}
|
||||
|
||||
function removeMouseDownListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-mousedown`);
|
||||
|
||||
element.removeEventListener("mousedown", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-mousedown`);
|
||||
}
|
||||
|
||||
function addMouseUpListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteMouseUpHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteMouseUpHandler(handlerID);
|
||||
};
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-mouseup`, handler);
|
||||
element.addEventListener("mouseup", handler);
|
||||
}
|
||||
|
||||
function removeMouseUpListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-mouseup`);
|
||||
|
||||
element.removeEventListener("mouseup", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-mouseup`);
|
||||
}
|
||||
|
||||
// Focus Events
|
||||
function addFocusListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteFocusHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteFocusHandler(handlerID);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-focus`, handler);
|
||||
element.addEventListener("focus", handler);
|
||||
}
|
||||
|
||||
function removeFocusListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-focus`);
|
||||
|
||||
|
||||
element.removeEventListener("focus", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-focus`);
|
||||
}
|
||||
|
||||
function addBlurListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteBlurHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteBlurHandler(handlerID);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-blur`, handler);
|
||||
element.addEventListener("blur", handler);
|
||||
}
|
||||
|
||||
function removeBlurListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-blur`);
|
||||
|
||||
|
||||
element.removeEventListener("blur", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-blur`);
|
||||
}
|
||||
|
||||
// Keyboard Events
|
||||
function addKeyDownListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
const { ExecuteKeyDownHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteKeyDownHandler(handlerID, event.key, event.code, event.keyCode);
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteKeyDownHandler, WasmFree } = window.crafter_webbuild_wasi.instance.exports;
|
||||
const ptr = writeStringToWasm(event.key);
|
||||
ExecuteKeyDownHandler(handlerID, ptr, event.keyCode, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
WasmFree(ptr);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-keydown`, handler);
|
||||
element.addEventListener("keydown", handler);
|
||||
}
|
||||
|
||||
function removeKeyDownListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-keydown`);
|
||||
|
||||
|
||||
element.removeEventListener("keydown", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-keydown`);
|
||||
}
|
||||
|
||||
function addKeyUpListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
const { ExecuteKeyUpHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteKeyUpHandler(handlerID, event.key, event.code, event.keyCode);
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteKeyUpHandler, WasmFree } = window.crafter_webbuild_wasi.instance.exports;
|
||||
const ptr = writeStringToWasm(event.key);
|
||||
ExecuteKeyUpHandler(handlerID, ptr, event.keyCode, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
WasmFree(ptr);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-keyup`, handler);
|
||||
element.addEventListener("keyup", handler);
|
||||
}
|
||||
|
||||
function removeKeyUpListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-keyup`);
|
||||
|
||||
|
||||
element.removeEventListener("keyup", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-keyup`);
|
||||
}
|
||||
|
||||
function addKeyPressListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
const { ExecuteKeyPressHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteKeyPressHandler(handlerID, event.key, event.code, event.keyCode);
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteKeyPressHandler, WasmFree } = window.crafter_webbuild_wasi.instance.exports;
|
||||
const ptr = writeStringToWasm(event.key);
|
||||
ExecuteKeyPressHandler(handlerID, ptr, event.keyCode, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
WasmFree(ptr);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-keypress`, handler);
|
||||
element.addEventListener("keypress", handler);
|
||||
}
|
||||
|
||||
function removeKeyPressListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-keypress`);
|
||||
|
||||
|
||||
element.removeEventListener("keypress", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-keypress`);
|
||||
}
|
||||
|
||||
function addChangeListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteChangeHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteChangeHandler(handlerID);
|
||||
ExecuteChangeHandler(handlerID, event.target.value);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-change`, handler);
|
||||
element.addEventListener("change", handler);
|
||||
}
|
||||
|
||||
function removeChangeListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-change`);
|
||||
|
||||
|
||||
element.removeEventListener("change", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-change`);
|
||||
}
|
||||
|
||||
function addSubmitListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteSubmitHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteSubmitHandler(handlerID);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-submit`, handler);
|
||||
element.addEventListener("submit", handler);
|
||||
}
|
||||
|
||||
function removeSubmitListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-submit`);
|
||||
|
||||
|
||||
element.removeEventListener("submit", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-submit`);
|
||||
}
|
||||
|
||||
function addInputListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteInputHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteInputHandler(handlerID);
|
||||
ExecuteInputHandler(handlerID, event.data || event.target.value, event.inputType === 'insertCompositionText');
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-input`, handler);
|
||||
element.addEventListener("input", handler);
|
||||
}
|
||||
|
||||
function removeInputListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-input`);
|
||||
|
||||
|
||||
element.removeEventListener("input", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-input`);
|
||||
}
|
||||
|
||||
function addLoadListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
const { ExecuteLoadHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteLoadHandler(handlerID);
|
||||
};
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-load`, handler);
|
||||
element.addEventListener("load", handler);
|
||||
}
|
||||
|
||||
function removeLoadListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-load`);
|
||||
|
||||
element.removeEventListener("load", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-load`);
|
||||
}
|
||||
|
||||
function addErrorListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
const { ExecuteErrorHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteErrorHandler(handlerID);
|
||||
};
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-error`, handler);
|
||||
element.addEventListener("error", handler);
|
||||
}
|
||||
|
||||
function removeErrorListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-error`);
|
||||
|
||||
element.removeEventListener("error", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-error`);
|
||||
}
|
||||
|
||||
function addResizeListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteResizeHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteResizeHandler(handlerID);
|
||||
ExecuteResizeHandler(handlerID, window.innerWidth, window.innerHeight);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-resize`, handler);
|
||||
element.addEventListener("resize", handler);
|
||||
}
|
||||
|
||||
function removeResizeListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-resize`);
|
||||
|
||||
|
||||
element.removeEventListener("resize", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-resize`);
|
||||
}
|
||||
|
||||
function addScrollListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteScrollHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteScrollHandler(handlerID);
|
||||
ExecuteScrollHandler(handlerID, window.scrollX, window.scrollY);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-scroll`, handler);
|
||||
element.addEventListener("scroll", handler);
|
||||
}
|
||||
|
||||
function removeScrollListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-scroll`);
|
||||
|
||||
|
||||
element.removeEventListener("scroll", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-scroll`);
|
||||
}
|
||||
|
||||
// Context Menu Events
|
||||
function addContextMenuListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteContextMenuHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteContextMenuHandler(handlerID);
|
||||
ExecuteContextMenuHandler(handlerID, event.clientX, event.clientY, event.screenX, event.screenY, event.button, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-contextmenu`, handler);
|
||||
element.addEventListener("contextmenu", handler);
|
||||
}
|
||||
|
||||
function removeContextMenuListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-contextmenu`);
|
||||
|
||||
|
||||
element.removeEventListener("contextmenu", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-contextmenu`);
|
||||
}
|
||||
|
||||
// Drag and Drop Events
|
||||
function addDragStartListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteDragStartHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteDragStartHandler(handlerID);
|
||||
ExecuteDragStartHandler(handlerID, event.clientX, event.clientY, event.screenX, event.screenY, event.button, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-dragstart`, handler);
|
||||
element.addEventListener("dragstart", handler);
|
||||
}
|
||||
|
||||
function removeDragStartListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-dragstart`);
|
||||
|
||||
|
||||
element.removeEventListener("dragstart", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-dragstart`);
|
||||
}
|
||||
|
||||
function addDragEndListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteDragEndHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteDragEndHandler(handlerID);
|
||||
ExecuteDragEndHandler(handlerID, event.clientX, event.clientY, event.screenX, event.screenY, event.button, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-dragend`, handler);
|
||||
element.addEventListener("dragend", handler);
|
||||
}
|
||||
|
||||
function removeDragEndListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-dragend`);
|
||||
|
||||
|
||||
element.removeEventListener("dragend", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-dragend`);
|
||||
}
|
||||
|
||||
function addDropListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function(event) {
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteDropHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteDropHandler(handlerID);
|
||||
ExecuteDropHandler(handlerID, event.clientX, event.clientY, event.screenX, event.screenY, event.button, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
};
|
||||
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-drop`, handler);
|
||||
element.addEventListener("drop", handler);
|
||||
}
|
||||
|
||||
function removeDropListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-drop`);
|
||||
|
||||
|
||||
element.removeEventListener("drop", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-drop`);
|
||||
}
|
||||
|
||||
// Additional Drag Events
|
||||
function addDragOverListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteDragOverHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteDragOverHandler(handlerID, event.clientX, event.clientY, event.screenX, event.screenY, event.button, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
};
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-dragover`, handler);
|
||||
element.addEventListener("dragover", handler);
|
||||
}
|
||||
|
||||
function removeDragOverListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-dragover`);
|
||||
|
||||
element.removeEventListener("dragover", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-dragover`);
|
||||
}
|
||||
|
||||
function addDragEnterListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteDragEnterHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteDragEnterHandler(handlerID, event.clientX, event.clientY, event.screenX, event.screenY, event.button, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
};
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-dragenter`, handler);
|
||||
element.addEventListener("dragenter", handler);
|
||||
}
|
||||
|
||||
function removeDragEnterListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-dragenter`);
|
||||
|
||||
element.removeEventListener("dragenter", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-dragenter`);
|
||||
}
|
||||
|
||||
function addDragLeaveListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteDragLeaveHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteDragLeaveHandler(handlerID, event.clientX, event.clientY, event.screenX, event.screenY, event.button, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
};
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-dragleave`, handler);
|
||||
element.addEventListener("dragleave", handler);
|
||||
}
|
||||
|
||||
function removeDragLeaveListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-dragleave`);
|
||||
|
||||
element.removeEventListener("dragleave", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-dragleave`);
|
||||
}
|
||||
|
||||
// Wheel Event
|
||||
function addWheelListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = function (event) {
|
||||
const { ExecuteWheelHandler } = window.crafter_webbuild_wasi.instance.exports;
|
||||
ExecuteWheelHandler(handlerID, event.deltaX, event.deltaY, event.deltaZ, event.deltaMode, event.clientX, event.clientY, event.screenX, event.screenY, event.button, event.altKey, event.ctrlKey, event.shiftKey, event.metaKey);
|
||||
};
|
||||
|
||||
eventHandlers.set(`${ptr}-${handlerID}-wheel`, handler);
|
||||
element.addEventListener("wheel", handler);
|
||||
}
|
||||
|
||||
function removeWheelListener(ptr, handlerID) {
|
||||
const element = jsmemory.get(ptr);
|
||||
|
||||
const handler = eventHandlers.get(`${ptr}-${handlerID}-wheel`);
|
||||
|
||||
element.removeEventListener("wheel", handler);
|
||||
eventHandlers.delete(`${ptr}-${handlerID}-wheel`);
|
||||
}
|
||||
|
||||
let env = {
|
||||
freeJs: freeJs,
|
||||
getElementById: getElementById,
|
||||
|
|
@ -475,6 +584,10 @@ let env = {
|
|||
removeMouseOutListener: removeMouseOutListener,
|
||||
addMouseMoveListener: addMouseMoveListener,
|
||||
removeMouseMoveListener: removeMouseMoveListener,
|
||||
addMouseDownListener: addMouseDownListener,
|
||||
removeMouseDownListener: removeMouseDownListener,
|
||||
addMouseUpListener: addMouseUpListener,
|
||||
removeMouseUpListener: removeMouseUpListener,
|
||||
addFocusListener: addFocusListener,
|
||||
removeFocusListener: removeFocusListener,
|
||||
addBlurListener: addBlurListener,
|
||||
|
|
@ -491,10 +604,6 @@ let env = {
|
|||
removeSubmitListener: removeSubmitListener,
|
||||
addInputListener: addInputListener,
|
||||
removeInputListener: removeInputListener,
|
||||
addLoadListener: addLoadListener,
|
||||
removeLoadListener: removeLoadListener,
|
||||
addErrorListener: addErrorListener,
|
||||
removeErrorListener: removeErrorListener,
|
||||
addResizeListener: addResizeListener,
|
||||
removeResizeListener: removeResizeListener,
|
||||
addScrollListener: addScrollListener,
|
||||
|
|
@ -507,6 +616,14 @@ let env = {
|
|||
removeDragEndListener: removeDragEndListener,
|
||||
addDropListener: addDropListener,
|
||||
removeDropListener: removeDropListener,
|
||||
addWheelListener: addWheelListener,
|
||||
removeWheelListener: removeWheelListener,
|
||||
addDragOverListener: addDragOverListener,
|
||||
removeDragOverListener: removeDragOverListener,
|
||||
addDragEnterListener: addDragEnterListener,
|
||||
removeDragEnterListener: removeDragEnterListener,
|
||||
addDragLeaveListener: addDragLeaveListener,
|
||||
removeDragLeaveListener: removeDragLeaveListener,
|
||||
}
|
||||
|
||||
window.crafter_webbuild_env = env;
|
||||
Loading…
Add table
Add a link
Reference in a new issue