Rusty MouseData API
This commit is contained in:
1 parent
152bad6433
commit
0dbd3e370e
6 files changed
+173
-5
No files matched your search
@@ -9,7 +9,7 @@ fn main() {
|
||||
fn app(cx: Scope) -> Element {
|
||||
let page_coordinates = use_state(&cx, || "".to_string());
|
||||
let screen_coordinates = use_state(&cx, || "".to_string());
|
||||
let offset_coordinates = use_state(&cx, || "".to_string());
|
||||
let element_coordinates = use_state(&cx, || "".to_string());
|
||||
|
||||
let container_style = r#"
|
||||
display: flex;
|
||||
@@ -25,9 +25,9 @@ fn app(cx: Scope) -> Element {
|
||||
let update_mouse_position = move |event: UiEvent<MouseData>| {
|
||||
let mouse_data = event.data;
|
||||
|
||||
page_coordinates.set(format!("{:?}", (mouse_data.page_x, mouse_data.page_y)));
|
||||
screen_coordinates.set(format!("{:?}", (mouse_data.screen_x, mouse_data.screen_y)));
|
||||
offset_coordinates.set(format!("{:?}", (mouse_data.offset_x, mouse_data.offset_y)));
|
||||
page_coordinates.set(format!("{:?}", mouse_data.page_coordinates()));
|
||||
screen_coordinates.set(format!("{:?}", mouse_data.screen_coordinates()));
|
||||
element_coordinates.set(format!("{:?}", mouse_data.element_coordinates()));
|
||||
|
||||
// Note: client coordinates are also available, but they would be the same as the page coordinates in this example, because there is no scrolling.
|
||||
};
|
||||
@@ -42,7 +42,7 @@ fn app(cx: Scope) -> Element {
|
||||
}
|
||||
div {"Page coordinates: {page_coordinates}"},
|
||||
div {"Screen coordinates: {screen_coordinates}"},
|
||||
div {"Offset coordinates: {offset_coordinates}"},
|
||||
div {"Element coordinates: {element_coordinates}"},
|
||||
}
|
||||
))
|
||||
}
|
||||
Reference in new issue
Block a user