1.使用Drag and dropg API时,如果target element有child element的话,拖拽到child element上target element的enterleave事件会被触发。
解决办法:
drag到target element的时候,target element添加class: drag
.drag * {
pointer-events: none;
}
禁止其child element 的所有cursor event。存在的一个小问题是:如果child element有其他自定义的cursor event,也会被禁止掉。
https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
2. ajax下载文件,以使用axios为例
axios({
url:
'/fileserver/1'
method: 'GET',
}).then(response => {
const url = window.URL.createObjectURL(new Blob([response.data]))
const link = document.createElement('a')
link.href = url
link.setAttribute('download', 'file.pdf')
document.body.appendChild(link)
link.click()
})