将光标悬停事件切换到按钮单击
问题描述:
我正在开发一个需要具有正常光标功能的应用程序,但单击按钮时会将光标功能转换为其他功能,如果这样做有道理。例如,我想要有正规的游标功能,直到用户单击“选择元素”按钮,此时光标将开始突出显示用户悬停的元素。我有覆盖整个突出显示功能,但我不知道如何切换光标以开始突出显示或不突出显示。将光标悬停事件切换到按钮单击
另一个例子,我会定期使用光标功能,直到用户点击“绘制”按钮,此时光标会改变为选框工具或其他东西,并能够在页面上绘制。我不是问如何在页面上绘图,而是简单地通过启用光标在切换页面上绘制。
答
您可以使用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/
您可以为您的绘图卡内瓦做同样的!
所以你说的不是改变光标的功能,而是关于向我的高光元素添加一个类? – 2013-04-29 00:46:44
那么它一直取决于你想要什么,我可以知道当你点击一个可平移元素时会发生什么吗?是否转到其他页面?你可以使用元素的绑定来玩弄可能或不可靠。 – 2013-04-29 01:12:15
这一切都很好!我想我知道了 - 谢谢你! – 2013-04-29 01:32:22