调整我做了调整中的JavaScriptChrome浏览器图标，同时用JS

this.resize = (event) => { 
     event.preventDefault(); 
     if (!this.isResizable()) { 
      return; 
     } 
     if (this.isHorizontal()) { 
      this.resizeHorizontally(event); 
     } else { 
      this.resizeVertically(event); 
     } 
    }; 

    this.resizeHorizontally = (event) => { 
     event.preventDefault(); 
     const target = event.target; 
     const offsetFromScreen = window.innerHeight - target.parentElement.clientHeight; 
     const parentHeight = target.parentElement.clientHeight; 
     const dragRelPosY = event.clientY - offsetFromScreen; 
     if (dragRelPosY > 0) { 
      this.setRatio(parentHeight, dragRelPosY); 
     } 
    }; 

    this.resizeVertically = (event) => { 
     event.preventDefault(); 
     const target = event.target; 
     const parentOffsetFromScreen = target.parentElement.offsetLeft; 
     const parentWidth = target.parentElement.clientWidth; 
     const dragRelPosX = event.clientX - parentOffsetFromScreen; 
     if (dragRelPosX > 0) { 
      this.setRatio(parentWidth, dragRelPosX); 
     } 
    };

的元素，因此它是在调整这种元素的某些实施。它工作正常，但我想在调整大小时禁用“限制”图标。这发生在铬。任何人都可以给我一些提示吗？

UPDATE 1：

-screenshot added - 此图标在调整大小时显示。我想摆脱它。

感谢，

问候，

马丁。

来源

2017-02-20 Martin Fric

你能告诉我们一个小提琴或codepen？它将帮助我们快速了解和解决您的问题。 – Aslam

嗨发送屏幕截图...这只是代码的一部分。我想有“doublearrow”，而不是... –

这可以通过使用css cursor属性轻松完成。你可能有这样的事情在CSS：

.verticalResize { 
    cursor: n-resize; 
} 
.horizontalResize { 
    cursor: e-resize; 
}

这些类添加到您的调整大小的元素。

或者，您可以通过将element.style.cursor属性设置为n-resize或e-resize来在JS中添加内联属性（不包括推荐值）。

来源

2017-02-20 10:24:26 alexT12

你好，当鼠标按钮被按住时，我正在调整它的大小，“限制”图标也会显示你的提示 –

啊！这很可能是由'ondrag'事件的默认处理引起的，它基本上不允许任何东西被拖动。你可以做的是禁用像这样的默认行为：'element.ondrag = function（event）{event.preventDefault（）; }' – alexT12

nope。现在我无法存储拖动/调整大小的位置...大小永远不会更改，而且我仍然可以看到该图标 –

Chrome浏览器图标，同时用JS

UPDATE 1：

回答

相关问题