如何检测鼠标是否在jQuery或Javascript中的项目上
How to detect if mouse is over an item in jQuery or Javascript
是否可以检查光标是否在项目上?在我的情况下,我不能使用focus((、mouseenter((或任何相关的方法,但我只需要找出鼠标是否在上面。
在这种特殊情况下,您可以在要隐藏的元素上创建一个透明的覆盖元素,而不是检查鼠标的状态。
因此,当该区域悬停时,它会显示出来,而当它不悬停时,就会隐藏起来显然使用默认值设置要隐藏的元素(直到悬停(显示:无;在您的css中,因此它只在悬停时显示给用户。
我知道这不是OP的要求,但它是有效的。
$(document).ready(function(){
/*
* #object is your element you
* want to hide unless hovered
*/
$("#object").on("mouseleave", function(){
// divs you want to hide/show
$('#object').hide();
$('#overlay').show();
})
/*
* #overlay is the transparent element
* that will sit over the top of #object
*/
$("#overlay").on("mouseenter", function(){
// divs you want to hide/show
$('#object').show();
$('#overlay').hide();
})
});
看看它在这里工作http://jsfiddle.net/si_jsfiddle/CvkyE/
这是一个很好的选择,因为mouseenter和mouseleave不受其顶部对象的影响,特别是在on((方法中没有标记对象参数集的情况下,这也是为什么它们非常适合顶部有链接的div容器等
这有用吗?事件目标
小提琴演示
例如:
function handler(ev) {
var $target = $(ev.target);
if( $target.is("#element") ) {
alert('Here am I !');
}
}
$("#element").hover(handler);
这里有一个轻微的修改以删除元素
演示
function handler(ev) {
var $target = $(ev.target);
if( $target.is("#element") ) {
$target.remove();
}
}
$("#element").mouseleave(handler);
http://api.jquery.com/mouseover/这是jquery函数。它也有一个很好的例子。
<input etc.... onmouseover="if (condition){calltoafunction();"}>
在Javascript上:如果光标在一个Item上,则If条件有效。
相关文章:
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- Javascript(jQuery)给了我奇怪的结果
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery)
- Javascript/jQuery中的并行Ajax调用
- 我可以在Javascript/jQuery中使用一个变量作为键吗
- Javascript/Jquery/PHP加载页面-如何
- Javascript/Jquery Blob not showing Chrome PDF
- 如何使用javascript/jquery获取iframe的URL的锚点属性
- OnClick/Onhover Javascript/jquery
- 如何从javascript/jquery中的复选框中获取布尔值
- javascript/jquery将utc转换为短格式的本地时间
- 在不设置协议的情况下,使用javascript/jquery更改iframe-src
- 如何向这个javascript/jquery函数添加参数
- 用JavaScript/jQuery点击图片,选中多个方框
- 使用Javascript/JQuery获取JSON GET数据
- 从数组中删除元素的最佳方法是:javascript/jquery
- Javascript/jQuery压缩一个图像正确的评论帖子,并使用Ajax Laravel 5.2保存到控制器中
- 用DRY方式Javascript/JQuery动态替换HTML
- 类似Javascript JQuery的库
- 如何在 Javascript/jQuery 中获取一些随机下拉列表的选定值