在"contentEditable“属性的帮助下,左击React可移动框中的文本并在右击时对其进行编辑。但在智能手机中,我找不到编辑相同内容的方法,它只会被移动。
<div className="moveable">
<span
contentEditable="true"
onClick={e => {
this.handleClick(e.nativeEvent);
}}
>
React
<br />
Moveable
</span>
</div>
请告诉我一个解决方案,要么允许编辑以某种方式与左键点击或解决方案的可编辑文本在智能手机。
这是供参考的CodeSandbox链接:https://codesandbox.io/s/react-moveable-demo-bplv0
发布于 2020-07-29 11:48:02
类似于可伸缩、可扭曲、可调整大小的目标,在代码中添加一个可拖动的状态,如下所示:
state = {
target: null,
container: null,
scalable: true,
resizable: false,
warpable: false,
draggable: false
};
render() {
const { scalable, warpable, resizable, target, draggable } = this.state;
return(
....your code
)
}
https://stackoverflow.com/questions/63152282
复制相似问题