`
天梯梦
  • 浏览: 13729586 次
  • 性别: Icon_minigender_2
  • 来自: 洛杉矶
社区版块
存档分类
最新评论

jQuery: 判断指针是否在某元素内 How do I check if the mouse is over an element

 
阅读更多

代码:

// required jquery.min.js

$(function()
{ 
        var $current_tab_menu = $('#main_menu');
	$(document).on('mouseover',function(e)
	{ 
		var xx = e.originalEvent.x || e.originalEvent.layerX || 0; 
		var yy = e.originalEvent.y || e.originalEvent.layerY || 0;
		
		if($current_tab_menu && $('.has_submenu:hover').length === 0)
		{
			console.log(($current_tab_menu.is(':hover')?'Y':'N'));
			
			if($current_tab_menu.is(':hover')) $current_tab_menu.show();
			else $current_tab_menu.hide();
		} 
		else console.log('XY:'+(e.pageX + '---' + e.pageY));
	});
})

 

重点在于,判断的时候用 $('.has_submenu:hover').length === 0 代替  $('.has_submenu').is(':hover')。 原因是当你在 jQuery 1.9中使用.is(“:hover”) 的时候容易参数如下错误提示:

Error: Syntax error, unrecognized expression: unsupported pseudo: hover

 

原文/转自: jQuery: 判断指针是否在某元素内 How do I check if the mouse is over an element

 

 

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    《jQuery: Novice to Ninja》- 2017 英文原版

    Rich, fast, versatile — JavaScript the way it should be!... Used by over half the world’s top 10,000 websites, jQuery is the fastest, most efficient way to add killer functionality to your site.

    《jQuery: Novice to Ninja: New Kicks And Tricks》英文原版 Kindle - mobi格式

    Used by over half the world’s top 10,000 websites, jQuery is the fastest, most efficient way to add killer functionality to your site. Now in its second edition, you’ll be taken through the ...

    jquery 滚轴 mousewheel

    jQuery Mousewheel是一个插件,主要用于处理网页上的滚轴事件,特别是在使用鼠标滚轮时的滚动行为。这个插件使得开发者可以更加精细地控制用户在页面上滚动时触发的事件,从而实现更丰富的交互效果。 首先,我们要...

    jquery mousewheel.js兼容高版本jq

    《jQuery Mousewheel.js 插件在高版本jQuery中的兼容性及应用》 在现代网页开发中,用户体验成为了至关重要的考量因素。为了提升交互性,许多开发者会利用JavaScript库,如jQuery,来实现丰富的动态效果。其中,...

    通过angular.element,变成jquery对象,改样式

    在AngularJS框架中,`angular.element`是一个非常有用的工具,它允许开发者将DOM元素转换为jQuery对象,从而利用jQuery丰富的API来操作DOM。这在处理复杂的DOM操作或需要与jQuery库进行集成时特别有用。本篇文章将...

    jquery-mousewheel-3.0.6

    《jQuery Mousewheel插件详解与应用实践》 在Web开发中,交互体验是提升用户满意度的关键因素之一。jQuery Mousewheel插件,正如其名,是一个专门用于处理鼠标滚轮事件的工具,它允许开发者捕获并响应用户的滚轮...

    jQuery带日期的指针时钟.zip

    在本文中,我们将深入探讨如何使用jQuery和CSS3创建一个带有日期显示的指针时钟。这个项目,称为"jQuery带日期的指针时钟",是一个创新的Web开发技术应用,它能将一个真实钟表的效果完美地融入到网页设计中。 首先...

    jquery如何判断某元素是否具备指定的样式

    本篇文章将深入探讨如何使用jQuery来判断一个元素是否具有特定的样式,包括行内样式和类样式。 首先,我们要理解样式在HTML中的两种常见形式:行内样式和类样式。行内样式是直接在HTML元素的`style`属性中定义的,...

    JQuery判断radio是否有选中,获取选中的值

    本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解HTML中的`<input type="radio">`元素。在网页中,单选按钮通常用于提供一组互斥的选择选项,用户只能选择...

    课题-js和jquery获取父级元素、子级元素、兄弟元素的方法.docx

    在网页开发中,JavaScript(简称JS)和jQuery库是两个常用的工具,用于操作DOM(文档对象模型)。本文将详细阐述如何使用JS和jQuery获取父级元素、子级元素以及兄弟元素。 首先,让我们看看JS获取这些元素的方法。...

    jQuery完全实例.rar

    By default, if no context is specified, $() looks for DOM elements within the context of the current HTML document. If you do specify a context, such as a DOM element or jQuery object, the expression ...

    jquery checktree

    《jQuery CheckTree插件详解与应用》 在Web开发中,我们经常需要处理各种各样的交互元素,其中树形结构的复选框是常见的数据展示和用户交互方式。jQuery CheckTree是一个专门用于创建这种功能的插件,它使得在网页...

    一个不错的Mouseenter事件网页特效

    这个"一个不错的Mouseenter事件网页特效"很可能是通过JavaScript或者jQuery实现的一个动态效果,当鼠标指针进入某个元素时,它会触发特定的动画或者其他视觉变化。下面将详细介绍Mouseenter事件以及如何在实际项目中...

    jquery判断元素内容是否为空的方法 原创

    用jquery获取元素内容需要分两个情况: input 用val(); var value = $(‘#test’).val(); 是否为空的判断方法: if(value.length == 0){} 如果value为空执行的操作 if(value!=”){} 如果value不为空执行的操作 ...

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    jquery删除数组中重复元素

    话不多说,下面就跟着小编来看下利用jquery实现删除数组中重复元素的具体思路吧 首先定义如下数组: var arr=[0,2,3,5,6,9,2]; 我们可以看到数组中... //判断元素是否存在于new_arr中,如果不存在则插入到new_arr的

    jQuery UI Cookbook (pdf + ePub)

    You will learn how to do all these things within the context of the big picture, by finding out why the components work the way they do, making you well-versed in jQuery UI. What you will learn from...

    Sortable前端框架

    scrollSensitivity: 30, // px, how near the mouse must be to an edge to start scrolling. scrollSpeed: 10, // px setData: function (/** DataTransfer */dataTransfer, /** HTMLElement*/dragEl) { data...

    jQuery第1天:JQ基本介绍、使用步骤、jQuery对象与DOM对象(重点)、jQuery选择器

    `mouseover`事件在鼠标指针进入元素或其子元素时触发,而`mouseenter`仅在指针进入元素自身时触发,不会受子元素影响。 **index()方法** `index()`方法用于获取元素在集合中的位置,或查找指定元素在父集合中的索引...

    jQuery 鼠标滚轮插件 mousewheel

    **jQuery鼠标滚轮插件mousewheel详解** 在Web开发中,用户交互的体验至关重要,而鼠标滚轮事件是用户与页面交互的一种常见方式。jQuery库提供了丰富的API来处理DOM操作和事件监听,但原生的jQuery并不直接支持滚轮...

Global site tag (gtag.js) - Google Analytics