Javascript 使用JS调整大小时的Chrome图标

我已经在javascript中实现了一些调整元素大小的方法

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

因此，它正在调整此元素的大小。它工作正常，但我想禁用“限制”图标，同时调整大小。它发生在chrome中。谁能给我一些提示吗

更新1： -添加屏幕截图-此图标在调整大小时显示。我想摆脱它

谢谢

问候,

---

Martin。

这可以通过使用css

游标

属性轻松实现。在css中可以有类似的内容：

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

并将这些类添加到调整大小元素中

---

或者，您可以通过将

element.style.cursor

属性设置为

n-resize

或

e-resize

来在JS中添加内联属性（不推荐），这可以通过使用css

cursor

属性轻松实现。在css中可以有类似的内容：

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

并将这些类添加到调整大小元素中

---

或者，您可以通过将

element.style.cursor

属性设置为

n-resize

或

e-resize

来在JS中添加内联属性（不建议添加），您可以向我们展示小提琴或代码笔吗？这将有助于我们快速了解和解决您的问题。您好，发送了一个屏幕截图。。。它只是代码的一部分。我想要双箭头…你能给我们看看小提琴或密码笔吗？这将有助于我们快速了解和解决您的问题。您好，发送了一个屏幕截图。。。它只是代码的一部分。我想有“双箭头”代替…您好，当鼠标按钮被按住，我正在调整它的大小，“限制”图标也显示与您的印度豹！这很可能是由

ondrag

事件的默认处理引起的，该事件基本上不允许拖动任何内容。您可以做的是禁用如下默认行为：

element.ondrag=function（event）{event.preventDefault（）；}

nope。现在我无法存储拖动/调整大小的位置。。。尺寸从未改变，而且我仍然可以看到iconI所看到的。不幸的是，如果没有一个最小的提琴或代码笔，很难猜出你还有什么其他的东西在重复这个问题。在调整大小时单击，我可以看到图标显示在imgHello上，当按住鼠标按钮，我正在调整大小时，“限制”图标也会显示在你的hintAh上！这很可能是由

ondrag

事件的默认处理引起的，该事件基本上不允许拖动任何内容。您可以做的是禁用如下默认行为：

element.ondrag=function（event）{event.preventDefault（）；}

nope。现在我无法存储拖动/调整大小的位置。。。尺寸从未改变，而且我仍然可以看到iconI所看到的。不幸的是，如果没有一个最小的提琴或代码笔，你很难猜出还有什么其他的东西会重现这个问题。只要在调整大小时单击，我就可以看到img上显示的图标