一切正常,除了我不知道如何取消绑定stop()
中的事件。
class Resizable {
go(drag_el, resize_el) {
drag_el.addEventListener("mousedown", () => {
window.addEventListener("mousemove", e => {
this.resize(resize_el, e);
});
window.addEventListener("mouseup", () => {
window.removeEventListener("mousemove", this.mousemove);
window.removeEventListener("mouseup", () => {
this.stop();
});
});
});
}
resize(resize_el, e) {
resize_el.style.width = e.clientX - resize_el.offsetLeft + "px";
}
stop() {
window.removeEventListener("mousemove", this.resize, false);
window.removeEventListener("mouseup", this.stop, false);
}
}
let obj = new Resizable();
let drag_el = document.querySelector(".aside-resize");
let resize_el = document.querySelector("aside");
obj.go(drag_el, resize_el);
var
。window.mousemove.bind(() => { // Code });
,但我没有做到这一点。