From 5a4db272c5cae7928126af3ad3ab3142a0b2037d Mon Sep 17 00:00:00 2001 From: Luke Latham Date: Tue, 22 Sep 2020 11:12:50 -0500 Subject: [PATCH 1/2] Blazor drag-'n-drop approach --- aspnetcore/blazor/components/event-handling.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/aspnetcore/blazor/components/event-handling.md b/aspnetcore/blazor/components/event-handling.md index 3b852e00f0ec..e09699db8127 100644 --- a/aspnetcore/blazor/components/event-handling.md +++ b/aspnetcore/blazor/components/event-handling.md @@ -78,7 +78,7 @@ Supported are shown in the following table. | Event | Class | DOM events and notes | | ---------------- | ------ | -------------------- | | Clipboard | | `oncut`, `oncopy`, `onpaste` | -| Drag | | `ondrag`, `ondragstart`, `ondragenter`, `ondragleave`, `ondragover`, `ondrop`, `ondragend`

and hold dragged item data. | +| Drag | | `ondrag`, `ondragstart`, `ondragenter`, `ondragleave`, `ondragover`, `ondrop`, `ondragend`

and hold dragged item data.

Implement HTML5 drag and drop in Blazor apps using [JS interop](xref:blazor/call-javascript-from-dotnet) with [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API). | | Error | | `onerror` | | Event | | *General*
`onactivate`, `onbeforeactivate`, `onbeforedeactivate`, `ondeactivate`, `onfullscreenchange`, `onfullscreenerror`, `onloadeddata`, `onloadedmetadata`, `onpointerlockchange`, `onpointerlockerror`, `onreadystatechange`, `onscroll`

*Clipboard*
`onbeforecut`, `onbeforecopy`, `onbeforepaste`

*Input*
`oninvalid`, `onreset`, `onselect`, `onselectionchange`, `onselectstart`, `onsubmit`

*Media*
`oncanplay`, `oncanplaythrough`, `oncuechange`, `ondurationchange`, `onemptied`, `onended`, `onpause`, `onplay`, `onplaying`, `onratechange`, `onseeked`, `onseeking`, `onstalled`, `onstop`, `onsuspend`, `ontimeupdate`, `ontoggle`, `onvolumechange`, `onwaiting`

holds attributes to configure the mappings between event names and event argument types. | | Focus | | `onfocus`, `onblur`, `onfocusin`, `onfocusout`

Doesn't include support for `relatedTarget`. | @@ -97,7 +97,7 @@ Supported are shown in the following table. | Event | Class | DOM events and notes | | ---------------- | ----- | -------------------- | | Clipboard | | `oncut`, `oncopy`, `onpaste` | -| Drag | | `ondrag`, `ondragstart`, `ondragenter`, `ondragleave`, `ondragover`, `ondrop`, `ondragend`

and hold dragged item data. | +| Drag | | `ondrag`, `ondragstart`, `ondragenter`, `ondragleave`, `ondragover`, `ondrop`, `ondragend`

and hold dragged item data.

Implement HTML5 drag and drop in Blazor apps using [JS interop](xref:blazor/call-javascript-from-dotnet) with [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API). | | Error | | `onerror` | | Event | | *General*
`onactivate`, `onbeforeactivate`, `onbeforedeactivate`, `ondeactivate`, `onfullscreenchange`, `onfullscreenerror`, `onloadeddata`, `onloadedmetadata`, `onpointerlockchange`, `onpointerlockerror`, `onreadystatechange`, `onscroll`

*Clipboard*
`onbeforecut`, `onbeforecopy`, `onbeforepaste`

*Input*
`oninvalid`, `onreset`, `onselect`, `onselectionchange`, `onselectstart`, `onsubmit`

*Media*
`oncanplay`, `oncanplaythrough`, `oncuechange`, `ondurationchange`, `onemptied`, `onended`, `onpause`, `onplay`, `onplaying`, `onratechange`, `onseeked`, `onseeking`, `onstalled`, `onstop`, `onsuspend`, `ontimeupdate`, `onvolumechange`, `onwaiting`

holds attributes to configure the mappings between event names and event argument types. | | Focus | | `onfocus`, `onblur`, `onfocusin`, `onfocusout`

Doesn't include support for `relatedTarget`. | From 15d1563f425184ddb5ca7246a4b038849a90f610 Mon Sep 17 00:00:00 2001 From: Luke Latham Date: Tue, 22 Sep 2020 11:20:13 -0500 Subject: [PATCH 2/2] Update --- aspnetcore/blazor/components/event-handling.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/aspnetcore/blazor/components/event-handling.md b/aspnetcore/blazor/components/event-handling.md index e09699db8127..2e9722a7f75a 100644 --- a/aspnetcore/blazor/components/event-handling.md +++ b/aspnetcore/blazor/components/event-handling.md @@ -78,7 +78,7 @@ Supported are shown in the following table. | Event | Class | DOM events and notes | | ---------------- | ------ | -------------------- | | Clipboard | | `oncut`, `oncopy`, `onpaste` | -| Drag | | `ondrag`, `ondragstart`, `ondragenter`, `ondragleave`, `ondragover`, `ondrop`, `ondragend`

and hold dragged item data.

Implement HTML5 drag and drop in Blazor apps using [JS interop](xref:blazor/call-javascript-from-dotnet) with [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API). | +| Drag | | `ondrag`, `ondragstart`, `ondragenter`, `ondragleave`, `ondragover`, `ondrop`, `ondragend`

and hold dragged item data.

Implement drag and drop in Blazor apps using [JS interop](xref:blazor/call-javascript-from-dotnet) with [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API). | | Error | | `onerror` | | Event | | *General*
`onactivate`, `onbeforeactivate`, `onbeforedeactivate`, `ondeactivate`, `onfullscreenchange`, `onfullscreenerror`, `onloadeddata`, `onloadedmetadata`, `onpointerlockchange`, `onpointerlockerror`, `onreadystatechange`, `onscroll`

*Clipboard*
`onbeforecut`, `onbeforecopy`, `onbeforepaste`

*Input*
`oninvalid`, `onreset`, `onselect`, `onselectionchange`, `onselectstart`, `onsubmit`

*Media*
`oncanplay`, `oncanplaythrough`, `oncuechange`, `ondurationchange`, `onemptied`, `onended`, `onpause`, `onplay`, `onplaying`, `onratechange`, `onseeked`, `onseeking`, `onstalled`, `onstop`, `onsuspend`, `ontimeupdate`, `ontoggle`, `onvolumechange`, `onwaiting`

holds attributes to configure the mappings between event names and event argument types. | | Focus | | `onfocus`, `onblur`, `onfocusin`, `onfocusout`

Doesn't include support for `relatedTarget`. | @@ -97,7 +97,7 @@ Supported are shown in the following table. | Event | Class | DOM events and notes | | ---------------- | ----- | -------------------- | | Clipboard | | `oncut`, `oncopy`, `onpaste` | -| Drag | | `ondrag`, `ondragstart`, `ondragenter`, `ondragleave`, `ondragover`, `ondrop`, `ondragend`

and hold dragged item data.

Implement HTML5 drag and drop in Blazor apps using [JS interop](xref:blazor/call-javascript-from-dotnet) with [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API). | +| Drag | | `ondrag`, `ondragstart`, `ondragenter`, `ondragleave`, `ondragover`, `ondrop`, `ondragend`

and hold dragged item data.

Implement drag and drop in Blazor apps using [JS interop](xref:blazor/call-javascript-from-dotnet) with [HTML Drag and Drop API](https://developer.mozilla.org/docs/Web/API/HTML_Drag_and_Drop_API). | | Error | | `onerror` | | Event | | *General*
`onactivate`, `onbeforeactivate`, `onbeforedeactivate`, `ondeactivate`, `onfullscreenchange`, `onfullscreenerror`, `onloadeddata`, `onloadedmetadata`, `onpointerlockchange`, `onpointerlockerror`, `onreadystatechange`, `onscroll`

*Clipboard*
`onbeforecut`, `onbeforecopy`, `onbeforepaste`

*Input*
`oninvalid`, `onreset`, `onselect`, `onselectionchange`, `onselectstart`, `onsubmit`

*Media*
`oncanplay`, `oncanplaythrough`, `oncuechange`, `ondurationchange`, `onemptied`, `onended`, `onpause`, `onplay`, `onplaying`, `onratechange`, `onseeked`, `onseeking`, `onstalled`, `onstop`, `onsuspend`, `ontimeupdate`, `onvolumechange`, `onwaiting`

holds attributes to configure the mappings between event names and event argument types. | | Focus | | `onfocus`, `onblur`, `onfocusin`, `onfocusout`

Doesn't include support for `relatedTarget`. |