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/

你可以为你的绘画caneva做同样的事情！

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

1 个答案: