Mousedown和Up不工作

时间:2012-01-03 17:28:02

标签: javascript jquery html css

我使用mouseup / down / move来手动实现jQuery.draggable功能。一切正常,直到我试图将我的div移到jQuery弹出窗口中。

移动div后

dialogOpenMultiple("Title", "1234", "<div id=\"include\"></div>");
$('.autosize').appendTo('#include');

我遇到了两个问题:

  1. 首先,由于偏移和pageX,pageY的某些问题,光标在我的鼠标光标下方没有移动。

  2. 当mousemove正在运行时,mouseup / drag / mousedown无效,因为默认浏览器的功能选择并尝试移动实际图片。

  3. 请在这里查看不起作用的样本:

    - Sample

    工作样本:

    - Sample

2 个答案:

答案 0 :(得分:1)

1)使用光标css轻松修复。这将提供更好的用户体验。 cursor:url(linkCursor.png), pointer;

2)您可以通过向活动添加e.preventDefault()来停止浏览器默认操作。

答案 1 :(得分:1)

更新小提示显示工作可拖动。

http://jsfiddle.net/NMpwU/1/

添加了e.preventDefault();到mousedown函数并将if(newdiv == null)更改为if(newdiv === null)