Verhindern ⇐ JavaScript

[Anonymous]

Code: Select all

// Add event listener to second button
document.getElementById('button2').addEventListener('click', () => {
console.log('Button 2 clicked');
});

class ElementSelector {
constructor() {
this.selectorModeEnabled = false;
this.selectedElement = null;
this.selectElement = this.selectElement.bind(this);
this.onSelectElement = (element) => {
console.log('Selected element:', element);
};
}

enableSelectorMode() {
this.selectorModeEnabled = true;
document.body.style.cursor = "crosshair";
document.body.addEventListener("click", this.selectElement);
}

disableSelectorMode() {
this.selectorModeEnabled = false;
document.body.style.cursor = "default";
document.body.removeEventListener("click", this.selectElement);
}

toggleSelectorMode() {
if (this.selectorModeEnabled) {
this.disableSelectorMode();
} else {
this.enableSelectorMode();
}
}

selectElement(event) {
event.preventDefault();
event.stopPropagation();
const element = event.target;
this.selectedElement = element;
this.onSelectElement(element);
}
}

// Initialize and set up toggle button
const selector = new ElementSelector();
document.getElementById('toggleSelector').addEventListener('click', () => {
selector.toggleSelectorMode();
});< /code>




Element Selector Issue



Button 1
Button 2
Toggle Selector Mode

Wenn ich auf eine Schaltfläche wie diese klicke, während ich im Auswahlmodus: