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

Disable links during drag events Javascript

本文关键字：链接 Javascript 拖动 事件      更新时间：2023-09-26

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

任何帮助或指导都会很好。

这就是我正在使用的

  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);
  });

对于链接或图像元素，请尝试通过原始 JavaScript 阻止其默认行为

event.preventDefault(); //standard browser

或 

event.returnValue=true; //IE

或者只是jQuery中的一个函数，用于两者

event.preventDefault();
相关文章：