【问题标题】:Disable links during drag events Javascript在拖动事件Javascript期间禁用链接
【发布时间】:2012-05-17 03:01:09
【问题描述】:

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

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

这就是我正在使用的东西

  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 drag


【解决方案1】:

对于链接或图片元素,尝试通过原始 JavaScript 阻止它们的默认行为

event.preventDefault(); //standard browser

event.returnValue=true; //IE

或者只是 jQuery 中的一个函数

event.preventDefault();

【讨论】:

    猜你喜欢
    • 2015-10-15
    • 1970-01-01
    • 2020-03-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多