Question

我想挑战自己并制作一个Etch a Sketch，基本上当我将鼠标悬停在我创建颜色变化的div上时，我做了一个按钮，所以当我点击它并将鼠标悬停在div上时颜色会有所不同（随机rgb ）从其他div（每个div不同的颜色），我做了另一个按钮留下一个跟踪过去的divs我徘徊和一个按钮，所以当我将鼠标悬停在divs上时，它们都具有相同的颜色。我希望其他功能在单击按钮时停止，例如当我单击“随机颜色”按钮并调用randomColor函数时，我希望停止使用trialColor和normalColor功能。

Jsfiddle代码 https://jsfiddle.net/6m6vuqm1/

pattern

Javascript

<div class="header">
<button class="buttons" id="color-button" value="Default">Default</button>
<button class="buttons" id="random-color" value="Random Color">Random Color</button>
<button class="buttons" id="trail-color" value="Trail Color">Trail Color</button>
</div>

Answer 1

您在.square元素中附加了事件。要使用off（）或unbind（）停止事件，必须将它们附加到具有事件触发器的元素中：

$('.element').on('click', function() {});
$('#other-element').off('click'); // this not dettach the above event.

正确分离：

$('.element').on('click', function() {});
$('.element').off('click');

你也可以使用unbind

$('.element').unbind('click');

Answer 2

不是将函数直接传递给悬停，而是传入指向函数的指针。然后根据需要更改基础功能。

GetRemoteData

如何在单击按钮时停止运行其他功能？

2 个答案: