Question

Is there a native javascript code equivalent to jQuery s draggable? I don t need all the features but

being able to drag a modal window from a handle.
on start and on end events as I need to make an overlay layer while dragging to prevent the mouse being upon the iframe inside the modal window.
there will be only one draggable item on the document.

Answer 1

使用<代码>dragstart/code>和dragend。假设与分子×和坐标有关的模式的位置。

Answer 2

这里有“超声望5”透镜,但因为没有人会这样说,老的浏览器都不支持它,因此,我要说,你在“Qu”中找到了很好的解决办法。

Answer 3

采用超文本5方法,这种方法似乎比舱面更清洁:

<div draggable="true"
  ondragstart="event.dataTransfer.setData( text/plain ,  12345 )">
drag me
</div>

<div ondragover="return false;" 
  ondrop="this.innerHTML=event.dataTransfer.getData( text/plain )">
drop on me
</div>

Answer 4

尽管问题表明土著Java语,但Im神要回答,因为@Moe Sweet评论说,j Query was<>>。

Drag and drop is a particular event chain. It s not obscenely difficult, but it can be challenging.

Simply put, drag and drop is the following steps/events:

Mouse pressed down, dragging is enabled

Mouse is moved, dragging continues

Mouse is let up, dragging is disabled

简单的解决办法是利用这些活动:mousedown,mousemove和mouseup。

$(anElement).mousedown(foodown); function foodown(){ $(window).mousemove(foomove).mouseup(fooup); //stuff } function foomove(){ //stuff } function fooup(){ //stuff $(window).unbind( mousemove , foomove).unbind( mouseup , fooup); }

值得注意的一个要点是,<代码>/Mousedown之后的事件必须受window的约束,这样,如果这些改动在被搁置时留下了原来的要素,就将发生。

守则中的“足迹”部分是,如果你需要检查该元素的 screen子和 screen的 screen子,并适当移动。申请在<代码>mousemove期间确实是必要的。当摩擦胜诉者申请<条码>/代码>或<条码>更改时,该活动即为活动。

还有一个类似的问题,即,我贴上了一部 j子的法典。

友情链接