将光标悬停事件切换到按钮单击

Question

我正在开发一个需要具有正常光标功能的应用程序，但单击按钮时会将光标功能转换为其他功能，如果这样做有道理。例如，我想要有正规的游标功能，直到用户单击“选择元素”按钮，此时光标将开始突出显示用户悬停的元素。我有覆盖整个突出显示功能，但我不知道如何切换光标以开始突出显示或不突出显示。

另一个例子，我会定期使用光标功能，直到用户点击“绘制”按钮，此时光标会改变为选框工具或其他东西，并能够在页面上绘制。我不是问如何在页面上绘图，而是简单地通过启用光标在切换页面上绘制。

Answer 1

您可以使用jQuery将类添加到可放置项目的父容器中。

然后，你只需要做一些CSS的对象悬停在谁有新类作为父对象。

这里基本HTML的例子：

<div class="section"> 
    <div class="object"></div> 
    <div class="object"></div> 
    <div class="object"></div> 
</div> 
<a href='#'>Toggle hover</a> 

而jQuery的：

$('a').click(function(){ 
    $('.section').hasClass('hoverable') ? $('.section').removeClass('hoverable') :   $('.section').addClass('hoverable') 
}) 

它检查是否悬停是积极的，如果不是，它激活它，否则它删除类。

然后CSS是这样的：

.object{ 
    width: 100px; 
    height : 100px; 
    margin :40px; 
    background-color:blue; 
} 

.hoverable .object:hover{ 
    background-color : yellow; 
    cursor : pointer; 
} 

我做了一个捣鼓你：http://jsfiddle.net/7jB3W/

您可以为您的绘图卡内瓦做同样的！