是否有任何方法可以将可拖动元素（使用本机html拖放API而不是库）包含在其父对象的范围内？使用Firefox，我甚至可以将元素拖到浏览器之外，拖到搜索栏等中，这很烦人。理想情况下，我希望将可拖动的图像“卡在”容器中。
即，我正在寻找类似于jquery UI可拖动库https://api.jqueryui.com/draggable/#option-containment
的行为的东西。我曾尝试在class Comp extends React.Component {
async getInitialProps() {
const loadableData = await ...loadingevent;
return {
show: !!loadableData.data //will return true when the data arrives
}
}
}
render(){
const { show } = this.props;
if(!show) {
return <Loading />
} else {
return <SomethingElse />
}
}
事件上隐藏/显示拖动图像，但是不幸的是，拖动图像一旦生成就看起来是静态的？