Dom Event 的 target 属性

2009年11月06日

Dom Event 的 target 属性

作者：Liuyang 发表于 2009年11月06日 16:15

http://bugsidea.com/2009/11/dom-event-target-property.html

使用mootools开发javascript程序的时候，遇到一个问题，点击某链接显示一图层，然后在此图层之外的任何位置点击鼠标让图层隐藏。
费了老牛劲，都没弄好，昨晚观摩某calendar的js程序的时候，学习到了，记录一下，分享给大家：

Html代码:
<body> <a href=”javascript:void(0)” id=”trigger”>show</a> <div id=”layer” style=”width:200px;height:100px;background:#FF4500;display:none”> </div> </body>

JavaScript:
window.addEvent(‘domready’, function() { $(‘trigger’).addEvent(‘click’,function(){ $(‘layer’).setStyle(‘display’,'block’); }); document.addEvent(‘mousedown’,function(ev){ var target = ev.target; if(target.id == ‘trigger’ || target.id == ‘layer’){ $(‘layer’).fade(‘in’); }else{ $(‘layer’).fade(‘out’); } }) })

关键代码就是ev.target, 这个变量就是鼠标触发时点击到的DOM对象，通过判断target的id号就可以实现我上面所描述的功能。
延伸阅读: HTML DOM Event Object

作者: Liuyang 发表于2009年11月06日 16:15 评论(3)

3 Comments »

传说中的钱BB。：）
Comment by mark — 2009/11/24 @ 9:30 PM
mark同学,别激动,你手一抖连发了4条…
另外,你的hello stranger画的不错啊.有没有兴趣帮bbcash画一画啊?
Comment by Ly — 2009/11/25 @ 10:12 PM
mac有时反应吃顿，不好意思。呵呵～可以啊，我也刚用你们的产品，感觉很有意思,呵呵，我在群里。有需要q我。405411742
Comment by mark — 2009/11/28 @ 6:54 PM

RSS feed for comments on this post.

Liuyang.Blog()

Dom Event 的 target 属性

3 Comments »

Leave a comment

关于本篇文章

搜索

分类

最近评论

Powered