Jquery 给一div注册事件问题,在jQuery给一个div注册事件的时候(如mouseover事件)时,同时会把div中的子元素也注
册上同样的事件。
html代码如下:
<div id="top" style="backgroud:gray;width:500px;height:600px;">
<div id="mid" style="backgroud:green;width:300px;height:400px;">
<div id= "thrid" style="backgroud:red;width:100px;height:200px;">
</div>
</div>
</div>
<div id="log"></div>
Jquery代码:
jQuery(funciton ($){
$("#top").mouseover(funciton (){
log($(this).attr("id")+"top over");
});
$("#top").mouseout(funciton (){
log($(this).attr("id")+"top out");
});
});
function log(msg){
jQuery("#log").append(msg+"<br/>");
}
现在这种情况是当鼠标经过上面三个div(top,mid,third)中任何一个div时,都会触发 mouseover与mouseout事件
这不是我所想要的 网上找了相关资料 解决办法如下:
修改mouseout事件
$("#top").mouseout(funciton (e){
var e=e||window.event; //获取事件
var obj=e.relatedTarget||e.toElement; //获取mouseout 进入元素
f(obj != null && jQuery("#top").find(jQuery(obj)).length >0){
//obj找到了,只需判断他是不是绑定事件元素的子元素就可以了,如果是就不执行后面的事件 否则就执行
log($(this).attr("id")+"is child");
}else{
log($(this).attr("id")+"top out");
}
});
参考:http://q.cnblogs.com/q/28184/
http://topic.csdn.net/u/20100417/16/9e1681e8-29b9-46c3-b764-a4d36545b226.html
注:纯手工敲写,有误自调
http://www.ibuyincn.com
分享到:
相关推荐
jquery24小时弹出一次DIV注册提示框效果
基于jquery的24小时弹出一次DIV注册提示框效果.zip
一款jQuery+DIV居中淡入淡出信息提示框示例 7.一款jQuery可拖动提示窗插件(对话框Dialog插件) 8.一款基于jQuery实现的多功能弹出窗插件weebox及示例代码 9.一款支持拖拽的jQuery层弹出窗口(TipsWindown1.0版本...
三期答辩课程设计,人事管理系统Mybatis+Spring+Spring MVC框架整合AJAX+JQuery实现登录、注册以及验证码和验证注册用户信息,包括数据库备份,课设说明,答辩PPT,Windows下sts(eclipse) 。
延迟对象 延迟对象(Deferred Object,jQuery.Deferred对象)是一个可链接的(chainable)实用工具对象,实现了Promise接口,可以在回调队列中注册多个回调、调用回调队列并转发任何同步/异步函数的成败状态。...
jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 亲自试一试 结论 由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循...
新用户注册是的界面,jquery主要实现,包含了正则表达式的验证,以及表单元素的验证使用,更改div样式,以及有错误不能提交
jquery实现员工管理注册页面 本文实例为大家分享了jquery实现员工管理注册页面的具体代码,供大家参考,具体内容如下 HTML页面代码 <body> <div class="container"> 用户注册</h2> ...<div class="form-group">...
//给文本框注册键盘事件 inputNode.keyup(function(event){ //处理键盘事件 var myEvent =event||window.event; var kcode=myEvent.keyCode; if(kcode >= 65 && kcode || kcode==8 || kcode==46){ //...
struts2+json+jquery局部刷新实现注册验证,包括前台的用户名、密码、手机、身份证、邮箱(包含发邮件技术)、邮箱验证码、验证码的验证,用到的是json+jquery,后台则是用struts2+java类
在参考jQuery中文网站中的例子时,我发现他们在div窗口标题栏触发click事件时,将div的位置移上了一些,而mouseup的事件注册在整个div窗口上,这个思路让我很受启发,解决了鼠标移动很快而div不能跟上导致的错误,...
内容索引:脚本资源,Ajax/JavaScript,jquery,弹出窗口 基于jquery 的弹出窗口:24小时只弹出一次DIV注册提示框效果,这样就使用了前端技术有效避免了重复多次注册,这在以前,我们都是用动态语言去实现,既费事又...
代码片段: <div class="register-box"> 用 户 名 <input maxlength="20" type="text" placeholder="您的用户名和登录名"> <div class="tips"> </div> </div>
2.3 jquery开发框架介绍 7 3 系统的需求分析 8 3.1可行性分析 8 3.1.1技术性可行性 9 3.1.2经济性可行性 9 3.1.3操作性可行性 10 3.2需求分析 10 3.2.1系统总体概述 10 3.2.2功能性需求 11 3.3非功能性需求 12 4 ...
首页、游戏简介、游戏资料、单机攻略、手游攻略、网络攻略、登录|注册等相关功能页面 适合商业项目或大学生毕业设计程序,整套静态页面html,div+css+jquery相关技术
Jquery-Ajax各种获取方式 <body> <input id="getJsData" type="button" value="获取js值"/> <input id="getMessage" type="button" value="获取单个值"/> <input id="getUserInfo" type=...
大学生美食网页——日料寿司网页设计采用DIV CSS布局制作,使用jquery制作了图片轮播特效。共6个页面,包括首页、寿司介绍、餐厅推荐、食谱介绍、注册页面、登录页面。顶部导航使用CSS制作了鼠标经过效果,首页寿司...
当点击提交信息的时候,会把用户在注册甜的信息收集并以div弹出的方式提示个用户预览以确定信息的准确性,感兴趣的朋友可以参考下,希望对你有所帮助
每天一个jquery插件-步骤进度轴 步骤进度轴 很多工具型的网站入门教程或者注册账号走流程的时候会有这个结构存在,所以做了一个来尝试一下,回调动作也能用吧 效果如下 代码部分 *{ margin: 0; padding: 0;...