网站开发div在Jquery中的鼠标事件失去焦点

网站div在Jquery中的鼠标事件失去焦点，今天在做网站开发的时候遇到了个问题，就是我在用Jquery做导航的时候，用到了Jquery的鼠标事件mouseout，但问题出来了，我有两个div，A的div包含了B的div，本来我是想当鼠标移出A的div的时候隐藏div，可是当我的鼠标移到B的div在移出的时候也会触发jquery的隐藏事件，这让人很头痛。

在网上搜了下，找到了解决的法子，就是直接把mouseout换成了mouseleave就可以了，具体的问题请大家参考Jquery的开发文档吧

时间： 2024-10-05 04:50:48

网站开发div在Jquery中的鼠标事件失去焦点的相关文章

jQuery基础（鼠标事件，表单事件，键盘事件，自定义事件篇）

1.jQuery鼠标事件之click与dbclick事件方法一:$ele.click()(不带参数) <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#test").click(function(){ $("ele").click() //手动指定触发事件 }); 方法二:$ele.click( h

jquery中四个事件绑定方式（bind,live,delegate,on）

bind() 简要描述 bind()向匹配元素添加一个或多个事件处理器. 使用方式 $(selector).bind(event,data,function) event:必需项:添加到元素的一个或多个事件,例如 click,dblclick等: 单事件处理:例如 $(selector).bind("click",data,function); 多事件处理:1.利用空格分隔多事件,例如 $(selector).bind("click dbclick mouseout"

【蓝鸥Unity开发基础三】课时13 鼠标事件

推荐视频讲师博客:http://11165165.blog.51cto.com/ 一.鼠标事件下面就让我们一起来看一下鼠标事件在场景中是怎么实现的? 首先,我们创建一个Cube,然后把摄像机对准Cube,然后调整一下视角. 然后,我们在Cube上创建一个脚本Test,然后对鼠标事件进行练习. 1.鼠标事件:OnMouseDown().OnMouseUp() using UnityEngine;using System.Collections; public class Test : MonoB

jquery中防止冒泡事件

冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件. 下面是html代码部分: <body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div> </body> 对应的jQuery代码如下: 1 <script type="tex

jquery中的DOM事件绑定与解绑

在jquery事件中有时候有的事件只需要在绑定后有效触发一次,当通过e.target判断触发条件有效触发后解除绑定事件,来避免多次无效触发和与未知情况造成冲突. 这时候就要用到了jquery中的事件绑定与事件解绑. 1 $(document).on('click.endEdit',function (e) { 2 if(!$(e.target).hasClass('datagrid-cell')&&e.target.tagName!="TD"){ //事件发生后的判断条

JavaScript中的鼠标事件

利用下面这个div标签来做鼠标事件的演示,当把鼠标在‘我是div’和’我是span‘两个位置及其之外的位置上操作时,不同事件操作结果不同 <div class="div1">我是div <br> <span>我是span</span> </div> 1.左键单击事件 click var oDiv = document.querySelector('div'); oDiv.onclick = function(){ consol

jquery中on绑定事件

之前项目中动态创建的标签元素在绑定事件的时候都是无效无论如何都不能触发 eg:在页面加载完成之后再由脚本动态创建的<div>元素在绑定事件的时候例如click事件 $("div").click(function(alert("aaa")){}); 那么动态创建的元素是触发不了这个事件的这是就要用到on来绑定事件了. 但是在W3C中并没有on事件只有live,delegate 这是由于这里的更新很不及时 ,建议去http:/

JQuery中如何处理键盘事件

背景:比如在页面中,敲击回车键以后,实现登录功能,在之前的Winform开发时,也遇到过处理键盘事件的功能,比如游戏软件中,上下左右的移动等. 代码如下: 1 $(document).keydown(function (event) { 2 if (event.keyCode == 13) 3 { 4 alert('OK'); 5 //$("#btn1").click(); 6 } 7 }); 上面代码的功能是,在页面上任意位置,敲击回车,弹出‘OK’的消息框.

jQuery中的冒泡事件和阻止冒泡

jQuery代码 <script type="text/javascript"> $(function () { $("#p1").click(function () { alert("p1被点了"); }); $("#td1").click(function (e) { alert("td1被点了"); e.stopPropagation() }); //阻止冒泡 $("#tr1&q