在拖动事件Javascript期间禁用链接

时间:2012-05-08 15:36:11

标签: javascript drag

我遇到了一些拖延事件的问题......我正在研究的是一个可拖动的控制面板,我想在拖动过程中禁用点击事件。有没有办法在拖动过程中全局禁用点击事件?我发现的另一个问题是,当有人开始拖动链接或图像时,你会得到图像/链接的伪元素拖动,然后控制面板粘在鼠标上,因为原始的拖动事件在某个地方消失了

任何帮助或方向都会很好。

这就是我正在使用的

  dragElement.mousedown(function(event) {
    sticker.css('cursor', 'move');
    if ((event.button == 1 && window.event != null) || event.button == 0) {
      //second catch here in case user stops drag and re-initiates drag
      //without moving away from sticker
      document.onselectstart = function() {
        return false;
      };
      startDrag(event);
    }
  });

  $(document).mousemove(function(event) {
    handleDrag(event);
  });

  dragElement.mouseup(function() {
    endDrag();
    $(document).unbind('mousemove', handleDrag);
  });

1 个答案:

答案 0 :(得分:0)

对于链接或图片元素,请尝试使用原始JavaScript

来阻止其默认行为
event.preventDefault(); //standard browser

event.returnValue=true; //IE

或只是jQuery中的一个函数

event.preventDefault();