Tag Archives: JavaScript

对div容器使用mouseout的时候出现的一个蛋疼问题

昨天在写js的时候发现了一个很是蛋疼的问题,就是对div使用mouseout事件的时候,事件的效果会传递给它的子元素。

举个栗子:
js


$(function(){
$("#wrapper").mouseout(function(){alert('hello')});
});

此时就有一个很是蛋疼的问题,如果鼠标从wapper里面移到p上面的时候出触发mouseout事件,并且在鼠标离开p的时候,还会触发mouseout事件,这么一个蛋疼的问题很是困扰了我一段时间。

通过网络找到了一些比较好的答案

原生态javascript解决方案:摸我,@zbm2001z的解决方案写的很好.

@zbm2001z主要用了事件过程中目标对象的问题,同时还兼容了IE以及ff,webkit浏览器。

jquery的话,在1.3的时候新增了一个mouseleave事件,用它可以解决这个问题,同时新增加了一个mouseenter的对应时间,详细内容:摸我

最后记录各很不错的写法,var a = b || c,那么a到底是等于b还是c呢,测试的时候发现,如果b为undefined,null,false的时候,值为c,但是如果b为定义,那么代码无效。

javascript高级程序设计前十章阅读笔记一

《JavaScrip高级程序设计》这本书呢,买了也已经快半年了,一直没看,或者没好好的看,其实我知道这本书比较老了,在现在编程技术日新月异的今天,抱着本老书啃,不是件太好的事情。但是因为出发点只是为系统的学习以及打牢基础,就很细心的在看了。

全书的章节共20章,内容也比较全,从最基础的部分到高级的部分都有了,包括异常处理,DOM,BOM,面向对象(?),事件等等,看了前10章,也跟着做了一些练习,才知道丫确实有点老,拿浏览器说事儿的时候,动辄就是Firefox1.5,IE6,连我最喜爱的chrome提都没提,囧。

从目录来看,我把主要的心思放第儿章(ECMAScript基础)和第二章(对象基础),也是最核心最基础的东西。JavaScript和php有很多地方相同,但不完全相同,很有趣的一门语言,没耐性的人去搞,简直是要人命啊。然后就是第六章(DOM基础),第七章(正则表达式),第九章(事件),第十章(高级DOM)挺重要的,其他的都相对的比较简单也很容易理解,开发的时候也用的相对较少。

准备每一张用一片日志做笔记。

明天把公司那台破电脑的系统格式掉算了,直接装个Ubuntu,烦了windows,即使是7(自己电脑和公司电脑的都是7)。

我在咬牙了,我感觉到了。