Skip to content

usePreventHandlingDrop ​

Prevents the browser's default drag-and-drop file handling on an element. Useful when you want to disable file drops on the page or specific areas. By default, applies to document.body to prevent accidental file navigation.

Import ​

typescript
import { usePreventHandlingDrop } from 'vuiii'

Usage ​

typescript
// Prevent file drops on the entire page
import { usePreventHandlingDrop } from 'vuiii'

usePreventHandlingDrop()

More Examples ​

typescript
// Prevent drops on a specific element
const containerRef = ref<HTMLElement>()

onMounted(() => {
  usePreventHandlingDrop(containerRef.value)
})

Released under the MIT License.